html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent
}
*:focus {
outline: none
}
q {
quotes: none
}
q:before, q:after {
content: "";
content: none
}
.full .picker {
position: relative
}
.search-form .full .picker .picker-input {
left: 0 !important
}
a, ins, del {
text-decoration: none
}
td a.read-more {
text-decoration: underline !important
}
h1 a, h2 a, h3 a, h4 a, .criteres a, a.read-more, a.view-all-calendrier, a.date, a.calendrier, .actions a, .voir-toutes a, .select a, a.photo span.marker, a.download, a.photo, ul.tabs a, a.goto {
text-decoration: none !important
}
a {
cursor: pointer
}
a *, button * {
cursor: pointer
}
sup {
font-size: 65%;
line-height: 1;
vertical-align: super
}
table {
border-collapse: collapse;
border-spacing: 0
}
th, td {
vertical-align: top
}
th {
text-align: left
}
body {
background: #fff;
color: #616161;
font: 68.55%/1.3 Arial, Helvetica, sans-serif;
text-align: center
}
input, textarea, select {
color: #5f5f5f;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif
}
textarea {
resize: none;
outline: none
}
input {
outline: none
}
h1, h2, h3, h4, h5, h6 {
color: #f7790b;
font-weight: normal
}
h1 {
font-size: 2.18em;
line-height: 1.3em
}
h2 {
font-size: 1.73em;
line-height: 1.3em
}
h3 {
font-size: 1.27em;
line-height: 1.3em;
font-weight: bold
}
h3.cuf {
font-size: 1.54em;
font-weight: normal
}
h4 {
font-size: 1.09em;
line-height: 1.3em;
font-weight: bold
}
.alerte h4 {
color: #fff
}
p {
margin: 0 0 14px
}
ul.list {
margin-bottom: 14px
}
a, a:visited {
color: #4173a2;
text-decoration: none
}
a:hover, a:active {
color: #4173a2;
text-decoration: underline
}
hr {
display: none
}
strong {
font-weight: bold
}
em {
font-style: italic
}
del {
text-decoration: line-through
}
th {
font-weight: normal
}
address, cite, dfn {
font-style: normal
}
li {
list-style: none
}
abbr, acronym {
border-bottom: 1px dotted #999;
cursor: help
}
body.opera input[type=checkbox], body.opera input[type=radio] {
background: #FFF !important
}
body.opera div#rechercher input[type=checkbox], body.opera div#rechercher input[type=radio] {
margin-top: 3px
}
h2.favoris {
padding: 0 0 6px 0;
margin: 0 0 8px;
background: url(../_ui/images/bg/dots-h.png) repeat-x 0 100%
}
h2.favoris em {
display: block;
padding: 3px 0 3px 35px;
font-style: normal;
background: url(../_ui/images/ico/favoris.png) 0 50% no-repeat
}
h2.mobile {
padding: 0 0 6px 0;
margin: 0 0 8px;
background: url(../_ui/images/bg/dots-h.png) repeat-x 0 100%
}
h2.mobile em {
display: block;
padding: 3px 0 3px 35px;
font-style: normal;
background: url(../_ui/images/ico/mobile.png) 0 50% no-repeat
}
h2.pin {
padding: 0 0 6px 0;
margin: 0 0 8px;
background: url(../_ui/images/bg/dots-h.png) repeat-x 0 100%
}
h2.pin em {
display: block;
padding: 3px 0 3px 35px;
font-style: normal;
background: url(../_ui/images/ico/pin.png) 0 50% no-repeat
}
h2.pencil {
padding: 0 0 6px 0;
margin: 0 0 8px;
background: url(../_ui/images/bg/dots-h.png) repeat-x 0 100%
}
h2.pencil em {
display: block;
padding: 3px 0 3px 35px;
font-style: normal;
background: url(../_ui/images/ico/pencil.png) 0 50% no-repeat
}
h2.arrow {
padding: 0 0 6px 0;
margin: 0 0 8px;
background: url(../_ui/images/bg/dots-h.png) repeat-x 0 100%
}
h2.arrow em {
display: block;
padding: 3px 0 3px 35px;
font-style: normal;
background: url(../_ui/images/ico/arrow.png) 0 50% no-repeat
}
p.published {
margin: 0 0 0.6em;
color: #6e6e6e;
font-size: 0.909em;
line-height: 1.3em;
font-weight: bold
}
p.published em {
font-style: normal
}
p.category {
color: #575757
}
button.submit {
width: 70px;
height: 21px;
overflow: hidden;
border: none;
background: url(../_ui/images/btn/buttons.png) no-repeat;
cursor: pointer
}
div.btn {
font-size: 0.9em;
background-color: #f39604;
background-repeat: no-repeat
}
div.btn a {
display: block;
width: 100%;
height: 100%;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #fff
}
a.btnXhtmlized {
display: block;
font-size: 0.9em;
background-color: #f39604;
background-repeat: no-repeat;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #fff
}
a.butgreen {
float: left;
padding: 0 0 0 15px;
margin: 0;
font-size: 10px;
font-weight: bold;
color: #6b9a00;
background: #f7f7f7 url(../_ui/images/btn/btn-green.png) top left no-repeat
}
a.butgreen span {
float: left;
padding: 0 12px 0 0;
margin: 0;
background: url(../_ui/images/btn/btn-green.png) top right no-repeat
}
a.modifier {
padding: 1px 23px 3px 9px;
margin: 0 4px;
font-size: 10px;
line-height: 13px;
font-weight: bold;
background: url(../_ui/images/btn/calendrier.png) center center no-repeat;
color: #fff
}
div.wikipedia-link {
width: 155px;
height: 24px;
margin-left: -2px;
background: transparent;
background-image: url(../_ui/images/btn/wikipedia-link.png)
}
div.wikipedia-link a {
line-height: 20px
}
a.wikipedia-link {
width: 155px;
height: 24px;
margin-left: -2px;
line-height: 20px;
background: transparent;
background-image: url(../_ui/images/btn/wikipedia-link.png)
}
a.wikipedia-link:hover {
background-position: 0 -24px
}
span.read-more, a.read-more, a.read-less {
padding: 0 0 0 7px;
background: transparent url(../_ui/images/bullets/more.png) no-repeat 0 55%;
text-decoration: none;
white-space: nowrap
}
a.read-less {
background: transparent url(../_ui/images/bullets/less.png) no-repeat 0 55%;
display: block;
margin-bottom: 5px
}
a.read-more:hover, a.read-less:hover {
color: #326694;
text-decoration: none
}
a.more {
display: block;
padding: 0 0 0 6px;
color: #ff6000;
background: url(../_ui/images/bullets/arrow-orange-bullet.png) no-repeat 0 50%
}
.snippetDays {
font-weight: bold;
margin-top: 5px;
display: block
}
a.listing-more {
margin-left: 4px
}
.twocol {
clear: both
}
.twocol div.left {
float: left;
width: 47%
}
.twocol div.right {
float: right;
width: 47%
}
.figure-a {
margin: 0 1em 0.2em 0;
float: left
}
.figure-b {
margin: 0 0 0.2em 1em;
float: right
}
.figure-w-credits {
margin-bottom: 1.5em
}
h1, h2, body.planificateur .content h3, body.thematique .highlight p, .alerte .cont h3, #nav .quoi_faire_subnav ul.sections li.section h3, body.aventure .group-block h3.group-head, body.seloger .group-block h3.group-head, body.thematique .group-block h3.group-head, body.itineraires-person .person p, #ctl00_uclSiteTopMenu_header .top-links .plan-trip a, h3.cuf, .reservation .tabs li a em, .panels .panel h3, #nav .quoi_faire_subnav div.calendrier h3 {
font-weight: 300
}
h1 strong, h2 strong, .presentation h2, body.planificateur .content h3 strong, body.thematique .highlight p strong, .alerte .cont h3 strong, #nav .quoi_faire_subnav ul.sections li.section h3 strong, body.aventure .group-block h3.group-head strong, body.seloger .group-block h3.group-head strong, body.thematique .group-block h3.group-head strong, h3.cuf strong, .panels .panel h3 strong, #nav .quoi_faire_subnav div.calendrier h3 strong, body.itineraires .sidebar .celebrites h2, body.itineraires .sidebar .baladodiffusions h2, .group-block h2, body.aventure .section-b .group-block h2, body.seloger .section-b .group-block h2, body.thematique .section-b .group-block h2 {
font-weight: 400
}
.clearfix:after, #ctl00_uclSiteTopMenu_header .my-favorites ul.dates li:after, #ctl00_uclSiteTopMenu_header .drop .cont ul:after, #ctl00_uclSiteTopMenu_header .nav-site:after, #ctl00_uclSiteTopMenu_header .nav-user:after, #nav:after, #nav .quoi_faire_subnav div.calendrier ul li:after, #subnav:after, #subnav ul li .dropdown .cont ul:after, #inner.tabs .tabs-wrapper:after, .panels .tabs:after, #container:after, #footer-outer:after, #footer:after, #footer-inner:after, #headline:after, #gallery_link .details .cont:after, #comment-add .rating-edit:after, #comments-list .details ul:after, .twocol:after, .form-a .option:after, .form-a .options:after, .form-a .actions:after, form.extended fieldset ol:after, .pagination:after, .reservations ul.etablissements li:after, .reserver_etablissements li .cont:after, .common-transport .options:after, .user_options:after, .alerte:after, .alerte .cont:after, .search-form .full .date-from:after, .map-info-wide:after, #activity-options ul:after, .info-payment ul:after, ul.rating:after, .listing li:after, .header-listing .details:after, .header-listing .details .sort:after, .section-links:after, .section-links-b:after, a.view-all:after, .section-links:after, .section-links-b:after, body.itineraires-person .person:after, body.itineraires-person .section-c li:after, body.planificateur .listing h4:after, body.planificateur .mobile:after, fieldset.pris-des-photos-submit .fieldset-inner:after, body.planificateur #panel_tours li fieldset.votre-cote:after, .two-cols:after, body.planifier .criteres:after, body.seloger .criteres:after, .wide-section-highlight .listing-wrapper:after, .news-list h2:after, .voir-toutes:after, .filtre-daffichage li:after, .deja-membre ol:after, .deja-membre:after, .news-heading:after, div.extended fieldset .head:after, .section-contact .person:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.hide, .photo-slideshow h2, ol#accessibility-nav, .listing .options h4, #activity-options h2, #comment-add label, #comments-list .details h4, #nav h4, .news-list .news-title:after {
position: absolute;
left: -1000em;
text-align: left
}
p.rating {
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
width: 90px;
height: 18px;
line-height: 18px;
text-align: center;
text-indent: -9999em
}
p.rating span {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent url(../_ui/images/ico/ratings.png) no-repeat 0 0
}
p.rating-rating-1 span {
background-position: 0 -18px
}
p.rating-rating-2 span {
background-position: 0 -36px
}
p.rating-rating-3 span {
background-position: 0 -54px
}
p.rating-rating-4 span {
background-position: 0 -72px
}
p.rating-rating-5 span {
background-position: 0 -90px
}
p.star-rating {
height: 13px
}
p.star-rating span.rating-0 {
background-position: 0 -378px
}
p.star-rating span.rating-1 {
background-position: 0 -391px
}
p.star-rating span.rating-2 {
background-position: 0 -404px
}
p.star-rating span.rating-3 {
background-position: 0 -417px
}
p.star-rating span.rating-4 {
background-position: 0 -430px
}
p.star-rating span.rating-5 {
background-position: 0 -443px
}
p.star-rating-g {
height: 11px
}
p.star-rating-g span.rating-0 {
background-position: 0 -456px
}
p.star-rating-g span.rating-1 {
background-position: 0 -467px
}
p.star-rating-g span.rating-2 {
background-position: 0 -478px
}
p.star-rating-g span.rating-3 {
background-position: 0 -489px
}
p.star-rating-g span.rating-4 {
background-position: 0 -500px
}
p.star-rating-g span.rating-5 {
background-position: 0 -511px
}
p.rating-tripadvisor, p.rating-tripadvisor-rating-1, p.rating-tripadvisor-rating-2, p.rating-tripadvisor-rating-3, p.rating-tripadvisor-rating-4 {
width: 82px;
height: 17px;
line-height: 17px
}
p.rating-tripadvisor-rating-1 span {
background-position: 0 -125px
}
p.rating-tripadvisor-rating-2 span {
background-position: 0 -142px
}
p.rating-tripadvisor-rating-3 span {
background-position: 0 -159px
}
p.rating-tripadvisor-rating-4 span {
background-position: 0 -176px
}
p.rating-tripadvisor-rating-5 span {
background-position: 0 -193px
}
p.rating-a, p.rating-a-rating-1, p.rating-a-rating-2, p.rating-a-rating-3, p.rating-a-rating-4, p.rating-a-rating-5 {
width: 65px;
height: 13px;
line-height: 13px
}
p.rating-a-rating-1 span {
background-position: 0 -223px
}
p.rating-a-rating-2 span {
background-position: 0 -236px
}
p.rating-a-rating-3 span {
background-position: 0 -249px
}
p.rating-a-rating-4 span {
background-position: 0 -262px
}
p.rating-a-rating-5 span {
background-position: 0 -275px
}
p.rating-tripadvisor-a, p.rating-tripadvisor-a-rating-1, p.rating-tripadvisor-a-rating-2, p.rating-tripadvisor-a-rating-3, p.rating-tripadvisor-a-rating-4, p.rating-tripadvisor-a-rating-5 {
width: 71px;
height: 15px;
line-height: 15px
}
p.rating-tripadvisor-a-rating-1 span {
background-position: 0 -303px
}
p.rating-tripadvisor-a-rating-2 span {
background-position: 0 -318px
}
p.rating-tripadvisor-a-rating-3 span {
background-position: 0 -333px
}
p.rating-tripadvisor-a-rating-4 span {
background-position: 0 -348px
}
p.rating-tripadvisor-a-rating-5 span {
background-position: 0 -363px
}
ul.rating {
margin: 0 3px 0 0;
padding: 0;
float: left;
position: relative;
width: 90px;
height: 18px;
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 0
}
ul.rating li a {
position: absolute;
left: 0;
top: 0;
display: block;
width: 18px;
height: 18px;
text-indent: -1000em
}
ul.rating li a:hover {
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 -90px
}
ul.rating li.star-1 a {
width: 18px;
z-index: 5
}
ul.rating li.star-2 a {
width: 36px;
z-index: 4
}
ul.rating li.star-3 a {
width: 54px;
z-index: 3
}
ul.rating li.star-4 a {
width: 72px;
z-index: 2
}
ul.rating li.star-5 a {
width: 90px;
z-index: 1
}
ul.rating-rating-1 li.star-1 a {
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 -90px
}
ul.rating-rating-2 li.star-2 a {
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 -90px
}
ul.rating-rating-3 li.star-3 a {
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 -90px
}
ul.rating-rating-4 li.star-4 a {
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 -90px
}
ul.rating-rating-5 li.star-5 a {
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 -90px
}
ul.rating-rating-1:hover li.star-1 a {
background: none
}
ul.rating-rating-1:hover li.star-1 a:hover {
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 -90px
}
ul.rating-rating-2:hover li.star-2 a {
background: none
}
ul.rating-rating-2:hover li.star-2 a:hover {
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 -90px
}
ul.rating-rating-3:hover li.star-3 a {
background: none
}
ul.rating-rating-3:hover li.star-3 a:hover {
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 -90px
}
ul.rating-rating-4:hover li.star-4 a {
background: none
}
ul.rating-rating-4:hover li.star-4 a:hover {
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 -90px
}
ul.rating-rating-5:hover li.star-5 a {
background: none
}
ul.rating-rating-5:hover li.star-5 a:hover {
background: transparent url(../_ui/images/ico/ratings.png) repeat-x 0 -90px
}
a.tripadvisor {
display: block;
width: 101px;
height: 17px;
overflow: hidden;
background: transparent url(../_ui/images/ico/tripadvisor.png) no-repeat 0 0;
text-align: left;
text-indent: -1000em
}
a.snippet {
display: inline-block;
position: relative;
text-decoration: none;
color: #4F4F4F
}
a.snippet .read-more {
color: #4173A2
}
.panels {
position: relative
}
#panels-wrapper-member {
background: url(../_ui/images/bg/backOnglet.png) left top no-repeat;
padding: 20px 0 0 20px;
margin-left: 95px;
min-height: 524px
}
.panels .tabs {
background: transparent url(../_ui/images/bg/dots-h.png) left 39px repeat-x;
margin: 0;
padding: 40px 0 0;
font-size: 1.15em;
position: absolute;
line-height: 1.3em;
z-index: 2;
width: 100px
}
.panels .tabs a {
display: block;
color: #616161;
padding: 5px 10px 5px 0;
text-align: right
}
.panels .tabs li.active a {
background: transparent url(../_ui/images/bg/tabSelectTop.png) left top no-repeat;
color: #5e8f00;
font-weight: bold;
padding: 10px 10px 5px 0
}
.panels .tabs li {
list-style: outside none none;
position: relative;
background: transparent url(../_ui/images/bg/dots-h.png) left bottom repeat-x;
height: 1%
}
.panels .tabs li.active {
padding-bottom: 5px;
margin-top: -6px;
background: transparent url(../_ui/images/bg/tabSelectBottom.png) left bottom no-repeat
}
/*.panels {
background: url(../_ui/images/bg/panels-bottom.png) 0 100% no-repeat;
padding: 0 0 10px;
}
.panels-commentaires { background: none; }
.panels .tabs {
margin: 0;
padding: 0;
font-size: 1.091em;
line-height: 1.3em;
position: relative;
z-index: 2;
}
.panels .tabs li {
list-style: outside none none;
position: relative;
float: left;
padding: 6px 0 0 8px;
background: transparent url(../_ui/images/bg/panels-tabs-left.png) left 6px no-repeat;
}
.panels .tabs a {
display: block;
padding: 6px 8px 3px 0;
background: url(../_ui/images/bg/panels-tabs.png) top right no-repeat;
color: #FFF;
float: left;
font-weight: bold;
}
.panels .tabs li.panel_tab-first { margin-left: 7px; }
.panels .tabs li.active {
padding-top: 0;
margin-right: 0;
margin-left: 0;
background-position: 0 -40px;
}
.panels .tabs li span.brd {
position: absolute;
bottom: 0;
right: -2px;
width: 4px;
height: 3px;
background: url(../_ui/images/bg/panels-brd.png) top left no-repeat;
}
.panels .tabs li.panel_tab-last span.brd {
position: absolute;
bottom: 0;
right: -41px;
width: 43px;
height: 3px;
background: url(../_ui/images/bg/panels-brd.png) top right no-repeat;
}
.panels .tabs li.active a {
padding: 12px 14px 3px 6px;
background-position: 100% -40px;
color: #f7790b;
}
.panels .panel {
margin: -3px 0 0;
padding: 1px 22px 12px;
position: relative;
z-index: 1;
background: transparent url(../_ui/images/bg/section-distances.png) top left no-repeat;
}
.panels .panel_first { background: transparent url(../_ui/images/bg/panel_first.png) 0 3px no-repeat; }*/
.panels .panel h3 {
margin: 1em 0 0.2em;
font-size: 1.45em;
font-weight: normal
}
.panels .panel .eventList h3 {
margin-top: 0 !important
}
.panels .panel h4 {
font-size: 1.09em;
color: #8bbb0d
}
/*.panels .panel p { font-size: 1.09em; }*/
.panels .panel {
display: none
}
.panels .panel_active {
display: block
}
.reservation .panel {
display: none
}
.reservation .panel_active {
display: block
}
#inner.tabs .panel {
display: none;
position: absolute;
left: -9999em
}
#inner.tabs .panel {
visibility: visible
}
#inner.tabs .panel, #ie8#fix {
display: none
}
#inner.tabs .panel .panel_active {
visibility: hidden;
position: static;
display: block
}
#inner.tabs .panel_active .panel_active {
visibility: visible
}
#inner.tabs .panel_active {
visibility: visible;
position: static;
display: block
}
.photo-featured {
float: left;
position: relative;
background: transparent url(../_ui/images/bg/photo-featured.png) no-repeat 0 100%
}
.photo-featured div {
float: left;
padding: 0 0 14px;
background: transparent url(../_ui/images/bg/photo-featured.png) no-repeat 100% 100%
}
.photo-featured img {
display: block;
float: left;
border: 1px solid #e9e9e9;
border-width: 1px 1px 0;
padding: 3px
}
.photo-featured-small {
background-image: url(../_ui/images/bg/photo-slideshow.png)
}
.photo-featured-small div {
background: none
}
.photo-featured-medium {
background-image: url(../_ui/images/bg/photo-featured-medium.png)
}
.photo-featured-medium div {
background: none
}
.photo-featured p, .listing .photo-featured p {
margin: 0;
padding: 0 16px 0 0;
position: absolute;
left: 0;
bottom: 24px;
background: transparent url(../_ui/images/bg/photo-featured-caption.png) no-repeat 100% 100%;
color: #FFF;
font-size: 1.273em;
line-height: 1.3em;
text-transform: uppercase
}
.photo-featured p.caption-alt, .listing .photo-featured p.caption-alt {
background-image: url(../_ui/images/bg/photo-featured-caption-alt.png)
}
.photo-featured p em {
margin: 0;
padding: 8px 4px 8px 11px;
display: block;
height: 20px;
font-style: normal;
background: transparent url(../_ui/images/bg/photo-featured-caption.png) no-repeat 0 0;
color: #fff
}
.photo-featured p.caption-alt em {
background-image: url(../_ui/images/bg/photo-featured-caption-alt.png)
}
.photo-featured p em strong {
margin-right: 3px
}
.photo-featured p.credit {
margin: 0;
padding: 4px;
bottom: -14px;
background: none;
color: #4f99d6;
font-size: 0.9em;
font-style: italic;
text-transform: none
}
.photo-featured .play, .photo-featured .play span {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.photo-featured .play span {
position: absolute;
top: 0;
left: 0;
background: url(../_ui/images/btn/play.png) 50% 50% no-repeat
}
#body #wrapper .photo-featured p.caption-play a {
font-size: 0.8em;
font-weight: bold;
background: url(../_ui/images/btn/play-small.png) 0 50% no-repeat;
padding-left: 20px;
display: block;
height: 100%;
float: left;
color: #fff;
text-transform: none;
line-height: 20px
}
.form-head h2 {
margin-bottom: 10px
}
.form-head h3 {
margin-bottom: 4px;
font-size: 1.18em
}
.form-head p {
margin-bottom: 12px;
line-height: 1.18em
}
.form-a-container {
background: url(../_ui/images/bg/form-a-bot.png) bottom left no-repeat;
padding-bottom: 35px
}
.form-a {
padding: 10px 10px 0;
background: url(../_ui/images/bg/form-a-top.png) top left no-repeat;
margin: 0 0 -8px;
position: relative
}
.form-a-container-wide {
background: url(../_ui/images/bg/form-a-wide-bot.png) bottom left no-repeat
}
.form-a-container-wide .form-a {
background: url(../_ui/images/bg/form-a-wide-top.png) top left no-repeat
}
.form-a .actions {
position: absolute;
bottom: -35px;
right: 3px
}
.form-a label {
position: absolute;
left: -1000em;
text-align: left;
color: #4172a1;
font-size: 1.091em;
line-height: 1.3em;
font-weight: bold
}
.form-a input {
border: 0;
padding: 7px 8px;
width: 249px;
height: 13px;
background: #FFF url(../_ui/images/bg/form-elements.png) no-repeat 0 0;
color: #4e7fab
}
.form-a input.checkbox, .form-a input.radio {
width: auto;
padding: 0;
border: none;
height: auto;
background: none;
color: #000
}
.form-a-container-wide input {
width: 271px;
background: #FFF url(../_ui/images/bg/contact-form-input.png) no-repeat 0 0
}
.form-a input.buttonimg {
width: auto;
height: auto;
padding: 0;
background: none
}
.form-a textarea {
border: 0;
padding: 7px 8px;
width: 249px;
height: 82px;
background: #FFF url(../_ui/images/bg/form-elements.png) no-repeat 0 -27px;
color: #4172a1
}
.form-a-container-wide textarea {
width: 271px;
background: #FFF url(../_ui/images/bg/contact-form-textarea2.png) no-repeat 0 0
}
.form-a div {
margin: 0 0 4px
}
.form-a .options {
margin: 0 0 8px
}
.form-a .options input {
float: left;
margin: 0 3px 0 0;
padding: 0;
width: auto;
height: auto;
background: transparent
}
body.opera .form-a .options input {
margin-top: 2px;
font-size: 12px
}
body.opera .form-a .option input {
margin-top: 2px;
font-size: 12px
}
.form-a .options label {
float: left;
padding: 0 0 0 3px;
margin: 0 10px 0 0;
position: relative;
left: auto
}
.form-a .option {
margin: 8px 0;
padding: 0 0 0 20px;
width: 245px
}
.form-a .option input {
margin: 0 3px 0 -20px;
padding: 0;
width: auto;
height: auto;
background: transparent;
float: left
}
.form-a .option label {
position: relative;
left: auto;
font-size: 1em;
font-weight: normal
}
.form-a .actions a.soumettre, body.js .form-a .actions input.soumettre {
display: none
}
body.js .form-a .actions a.soumettre {
display: block;
width: 70px;
height: 21px;
background: url(../_ui/images/btn/buttons.png) 0 0 no-repeat;
text-align: left;
text-indent: -9999em
}
body.js .form-a .actions a.soumettre:hover {
background-position: 0 -20px
}
.photo-slideshow {
clear: both;
position: relative;
margin: 0 -3px 10px -2px;
width: 289px;
overflow: hidden;
background: transparent url(../_ui/images/bg/photo-slideshow.png) no-repeat 0 100%
}
.photo-slideshow div {
padding: 0 0 14px;
overflow: hidden
}
.photo-slideshow .slide-holder {
overflow: hidden;
padding: 0;
height: 168px;
width: 289px;
background: none
}
.photo-slideshow ol {
margin: 0;
padding: 0;
width: 1000em
}
.photo-slideshow ol li {
list-style: outside none none;
border: 1px solid #e9e9e9;
border-width: 1px 1px 0;
padding: 3px;
width: 281px;
height: 165px;
float: left;
background: #FFF;
text-align: center;
position: relative
}
.photo-slideshow ol img {
display: block
}
.photo-slideshow ul {
margin: 0;
padding: 0;
width: 42px;
position: absolute;
z-index: 10;
right: 4px;
bottom: 17px
}
.photo-slideshow ul li {
list-style: outside none none
}
.photo-slideshow ul li {
float: left
}
.photo-slideshow ul a {
display: block;
width: 21px;
height: 22px;
overflow: hidden;
background: transparent url(../_ui/images/ico/slideshow.png) no-repeat 0 0;
text-align: left;
text-indent: -1000em
}
.photo-slideshow ul a.prev {
background-position: -22px 0
}
.photo-slideshow ul a.next {
background-position: -43px 0
}
.photo-slideshow a.zoom {
position: absolute;
left: 3px;
bottom: 7px;
display: block;
width: 22px;
height: 22px;
overflow: hidden;
background: transparent url(../_ui/images/ico/slideshow.png) no-repeat 0 0;
text-align: left;
z-index: 10;
text-indent: -1000em
}
.photo-slideshow .title {
background: transparent url(../_ui/images/bg/slideshow-title.png);
height: 22px;
line-height: 22px;
color: #cdcecc;
padding-left: 30px;
font-style: italic;
position: relative;
top: -22px;
z-index: 9;
text-align: left
}
.coordinates h2, #inner .coordinates h2, .mapGoogle h2, #commentsListRight h2 {
margin-bottom: 6px;
background: transparent url(../_ui/images/bg/dots-h.png) repeat-x 0 100%
}
#commentsListRight h2 {
font-size: 1.9em;
margin-top: 20px;
padding-bottom: 10px
}
.coordinates address {
float: left;
/*font-weight: bold;*/
margin: 0 0 10px;
/*font-size: 1.12em;
font-size: .909em;*/
line-height: 1.3em;
width: 175px
}
.coordinates .map {
float: left;
margin-right: 10px;
width: 107px
}
.coordinates .map a span {
color: #616161;
display: block;
text-decoration: underline
}
.coordinates dl {
float: left;
margin-left: 20px;
width: 260px;
font-size: 0.909em;
line-height: 16px;
font-weight: bold
}
.coordinates dt {
margin: 0 5px 0 0;
padding: 0 0 0 7px;
background: transparent url(../_ui/images/bullets/arrow-orange-bullet.png) no-repeat 0 6px;
clear: left;
float: left
}
.coordinates dd {
color: #f7790b
}
.coordinates dd.tel {
font-size: 1.2em
}
.coordinates dd.tel span.type {
position: absolute;
left: -1000em;
text-align: left
}
.coordinates dd a {
color: #f7790b;
text-decoration: underline
}
.coordinates dd a:hover {
text-decoration: none
}
.select {
position: relative;
color: #555;
/*width: 168px;*/
width: 200px
}
.select p.selected {
font-size: 0.9em !important;
margin: 0;
padding: 5px 28px 5px 8px;
position: relative;
height: 15px;
line-height: 15px;
background: transparent url(../_ui/images/bg/select.png) no-repeat 0 0;
cursor: pointer;
/**ajout**/
/**-moz-background-size: 189px 50px;
-webkit-background-size: 189px 50px;
background-size: 189px 50px;
width: 100%;
/**fin**/
}
.select ul {
margin: 0;
padding: 0 6px 10px 5px;
width: 170px;
position: absolute;
z-index: 1000;
left: -1000em;
top: 25px;
background: transparent url(../_ui/images/bg/select-dd.png) no-repeat 0 100%;
/**ajout**/
/**-moz-background-size: 171px 300px;
-webkit-background-size: 171px 300px;
background-size: 171px 300px;
width: 100%;
background-image-size:125%;
padding: 0 6px 10px 6px;
/**fin**/
}
.select li {
margin: 0;
padding: 0;
background: none
}
.select li a {
font-size: 0.9em !important;
border-top: 1px solid #d5d5d5;
display: block;
padding: 4px 0 4px 22px;
color: #555;
background: #FFF url(../_ui/images/bullets/arrow-orange-bullet.png) no-repeat 12px 50%;
/**ajout**/
/**width: 132px;
padding: 4px 0 4px 21px;
/**fin**/
}
.select li a:hover {
background-color: #fcac1e;
background-image: url(../_ui/images/bullets/arrow-white.png);
color: #FFF;
text-decoration: none
}
.select li:first-child a, .select li.first a {
border-top: 0
}
.select:hover, .select-hover {
overflow: visible;
cursor: pointer
}
.select:hover p.selected, .select-hover p.selected {
background-position: 0 -25px
}
.select:hover ul, .select-hover ul {
left: 0
}
span.select {
position: absolute;
width: 115px;
height: 13px !important;
line-height: 15px;
padding: 5px 20px 5px 8px;
background: url(../_ui/images/bg/reservation-select.png) no-repeat;
overflow: hidden;
color: #555
}
#pave span.select {
position: absolute;
width: 46px;
height: 22px;
line-height: 13px;
padding: 3px 8px;
background: url(../_ui/images/reservation/smallSelect.png) no-repeat;
overflow: hidden;
color: #555;
text-align: left
}
#pave select.styled {
width: 46px;
height: 19px
}
#pave .styledselect {
margin-right: 5px
}
.styledselect {
float: left;
position: relative
}
.styledselect span.select {
top: 0;
left: 0
}
.styledselect select.custom_ready {
margin-left: 2px
}
.layout-b .sidebar-b .map, .sidebar .map {
width: 291px;
height: 223px;
margin: 0 -9px 0 0
}
.sidebar-b .section-a .narrowmap {
margin: 0 0 0 -5px !important
}
.layout-b .sidebar-b #map, .sidebar #map {
width: 291px;
height: 223px;
overflow: hidden
}
.layout-b .sidebar-b .map .bl, .sidebar .map .bl {
width: 284px
}
.layout-b .sidebar-b .map .br, .sidebar .map .br {
height: 218px
}
.layout-b .sidebar-b .narrowmap #map {
height: 218px
}
.map {
position: relative
}
.map-info {
width: 290px
}
.map-info h3 {
font-size: 13px;
font-weight: bold;
color: #4173a2;
margin-bottom: -1px
}
.map-info h3 strong {
color: #6e6e6e
}
.map-info span {
font-size: 11px;
color: #464646
}
.map-info span a {
color: #4173a2;
text-decoration: none
}
.map-info span a:hover {
text-decoration: underline
}
#map .map-info p {
font-size: 11px;
color: #616161;
margin-bottom: 5px
}
.map-info ul {
background: transparent url(../_ui/images/bg/dots-h.png) top left repeat-x;
list-style-type: none;
padding-left: 2px
}
.map-info ul li {
background: transparent url(../_ui/images/bg/dots-h.png) bottom left repeat-x;
font-size: 11px
}
.map-info ul li a {
color: #ce3e3e;
text-decoration: none;
background: url(../_ui/images/ico/fav.png) center left no-repeat;
display: block;
padding: 4px 0 4px 17px
}
.map-info-wide {
width: 440px
}
.map-info-wide .map-info-image {
width: 137px;
float: left;
position: relative
}
.map-info-wide .map-info-content {
width: 290px;
float: right
}
.map-info-wide .map-info-image .photo {
padding: 3px;
background: transparent url(../_ui/images/bg/photo-shadow.png) 0 -73px no-repeat;
text-align: center;
float: left
}
.map-info-wide .map-info-image .photo:hover {
background: none
}
.map-info-wide .map-info-image .photo img {
padding: 3px;
border: 1px solid #fff
}
.map-info-wide .map-info-image .photo:hover img {
border: 1px solid #80b9e3
}
.map-info-wide .map-info-image .marker {
display: block;
position: absolute;
top: -10px;
right: -10px;
height: 35px;
width: 33px;
padding-right: 2px;
color: #fff;
font-size: 1.18em;
font-weight: bold;
line-height: 32px;
text-align: center;
background: url(../_ui/images/map/map_info_marker.png) top left no-repeat
}
.map .tl {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 2px;
background: url(../_ui/images/map/map-mask_tl.png) top left no-repeat
}
.map .tr {
position: absolute;
top: 0;
right: 0;
width: 6px;
height: 5px;
background: url(../_ui/images/map/map-mask_tr.png) bottom right no-repeat
}
.map .bl {
position: absolute;
bottom: 0;
left: 0;
height: 9px;
background: url(../_ui/images/map/map-mask_bl.png) bottom left no-repeat
}
.map .br {
position: absolute;
top: 5px;
right: 0;
width: 7px;
background: url(../_ui/images/map/map-mask_br.png) bottom right no-repeat
}
.map .btn-agrandir {
display: block;
position: absolute;
top: 6px;
right: 6px;
width: 121px;
height: 25px;
background: url(../_ui/images/btn/agrandir-la-carte.png) 0 0 no-repeat;
text-indent: -9999em
}
.map .btn-agrandir:hover {
background-position: 0 -25px
}
.map .btn-fermer {
display: none;
position: absolute;
top: 25px;
right: 24px;
width: 112px;
height: 25px;
background: url(../_ui/images/btn/fermer-la-carte.png) 0 0 no-repeat;
text-indent: -9999em
}
.map .btn-fermer:hover {
background-position: 0 -25px
}
.map-options {
display: none
}
.legend {
display: none
}
#main .map-popup {
position: relative;
z-index: 99
}
#main .map-popup .map {
position: relative;
top: -19px;
left: -632px;
width: 934px;
height: 582px;
padding-top: 18px;
overflow: hidden
}
.layout-a #main .map-popup .map {
left: -490px
}
#main .map-popup #map {
margin-left: 19px;
width: 894px;
height: 543px
}
#main .map-popup .map-options {
display: block
}
#main .map-popup .tl {
width: 934px;
height: 19px;
background-image: url(../_ui/images/map/map_popup_top.png)
}
#main .map-popup .tr {
top: 19px;
width: 22px;
height: 540px;
background-image: url(../_ui/images/map/map_popup_right.png)
}
#main .map-popup .br {
top: 559px;
width: 934px;
height: 22px;
background-image: url(../_ui/images/map/map_popup_bot.png)
}
#main .map-popup .bl {
top: 19px;
left: 0;
width: 20px;
height: 540px;
background-image: url(../_ui/images/map/map_popup_left.png)
}
#main .map-popup .btn-agrandir {
display: none
}
#main .map-popup .btn-fermer {
display: block
}
.widemap {
clear: both;
margin: 0 -4px 0 -6px;
width: 905px;
height: 330px
}
.widemap #map {
width: 905px;
height: 330px
}
.widemap .bl {
width: 898px
}
.widemap .br {
height: 325px
}
.widemap2 {
clear: both;
margin: 0 -4px 0 -6px;
width: 905px;
height: 320px
}
.widemap2 #map {
width: 905px;
height: 320px
}
.widemap2 .bl {
width: 898px
}
.widemap2 .br {
height: 315px
}
.widemap3 {
clear: both;
width: 905px;
height: 340px
}
.widemap3 #map {
width: 905px;
height: 340px
}
.widemap3 .bl {
width: 898px
}
.widemap3 .br {
height: 335px
}
.widemap5 {
clear: both;
margin: 0 -4px 0 -6px;
width: 905px;
height: 330px
}
.widemap5 #map {
width: 905px;
height: 330px
}
.widemap5 .bl {
width: 898px
}
.widemap5 .br {
height: 325px
}
.widemap6 {
clear: both;
margin: 0;
width: 901px !important;
height: 430px;
margin-bottom: 60px
}
.widemap6 #map {
width: 900px !important;
height: 430px
}
.widemap6 .bl {
width: 880px
}
.widemap6 .br {
height: 425px
}
.widemap7 {
clear: both;
margin: 15px 0;
width: 463px !important;
height: 268px
}
.widemap7 #map {
width: 463px !important;
height: 268px
}
.widemap7 .bl {
width: 456px
}
.widemap7 .br {
height: 263px
}
.layout-a .sidebar .map {
width: 438px;
margin: 0 -8px 0 0;
height: 320px
}
.layout-a .sidebar .map #map {
width: 438px;
height: 320px
}
.layout-a .sidebar .map .bl {
width: 431px
}
.layout-a .sidebar .map .br {
height: 315px
}
.smallmap, .sidebar .smallmap {
width: 293px;
margin: 0 -4px 10px 0;
height: 207px
}
.smallmap #map, .sidebar .smallmap #map {
width: 293px;
height: 207px
}
.smallmap .bl, .sidebar .smallmap .bl {
width: 286px
}
.smallmap .br, .sidebar .smallmap .br {
height: 202px
}
#custom_info_window_red {
width: 300px
}
#custom_info_window_red_contents {
background-color: #FFF
}
#custom_info_window_red_tl {
width: 16px;
height: 16px;
background: url(../_ui/images/corners/red_tl.png) top left no-repeat transparent
}
#custom_info_window_red_t {
background: url(../_ui/images/corners/red_t.png) top left repeat-x transparent
}
#custom_info_window_red_tr {
width: 16px;
height: 16px;
background: url(../_ui/images/corners/red_tr.png) top left no-repeat transparent
}
#custom_info_window_red_l {
width: 3px;
background: url(../_ui/images/corners/red_l.png) top left repeat-y transparent
}
#custom_info_window_red_r {
width: 3px;
background: url(../_ui/images/corners/red_r.png) top right repeat-y transparent
}
#custom_info_window_red_bl {
width: 16px;
height: 16px;
background: url(../_ui/images/corners/red_bl.png) top left no-repeat transparent
}
#custom_info_window_red_b {
background: url(../_ui/images/corners/red_b.png) top left repeat-x transparent
}
#custom_info_window_red_br {
width: 16px;
height: 16px;
background: url(../_ui/images/corners/red_br.png) top left no-repeat transparent
}
#custom_info_window_red_close {
width: 21px;
height: 21px;
background: url(../_ui/images/corners/red_close.png) top left no-repeat transparent;
cursor: pointer
}
#custom_info_window_red_beak {
width: 28px;
height: 38px;
background: url(../_ui/images/corners/red_beak.png) top left no-repeat transparent
}
#custom_info_window_red_contents .section1 {
margin: 0;
padding: 0
}
#custom_info_window_red_contents .section2 {
margin: 0;
padding: 0;
background-color: #FFDFDF;
border-bottom: dotted 1px #900;
border-top: dotted 1px #900
}
#custom_info_window_red_contents p {
margin: 1px 0;
padding: 5px
}
#custom_info_window_red_contents .title {
font-size: 18px;
font-weight: bold;
color: #FFF;
background-color: #900
}
.widemap4 {
position: relative;
top: -20px;
width: 941px;
margin: 0 18px 0 -24px;
height: 318px !important;
background: url(../_ui/images/bg/itineraire-map-shadow.png) repeat-x bottom !important
}
.widemap4 {
position: relative;
height: 313px;
background: #F2F2F2
}
.widemap4 #map {
width: 941px;
height: 313px
}
.widemap4 .br, .widemap4 .bl, .widemap4 .tr, .widemap4 .tl {
position: absolute;
height: 3px;
width: 3px;
background-repeat: no-repeat
}
.widemap4 .br {
bottom: 0;
right: 0;
background-image: url(../_ui/images/bg/map_mask_crn_br.png)
}
.widemap4 .bl {
bottom: 0;
left: 0;
background-image: url(../_ui/images/bg/map_mask_crn_bl.png)
}
.widemap4 .tl {
top: 0;
left: 0;
background-image: url(../_ui/images/bg/map_mask_crn_tl.png)
}
.widemap4 .tr {
top: 0;
right: 0;
background-image: url(../_ui/images/bg/map_mask_crn_tr.png)
}
.widemap4 .bl {
width: 934px;
height: 7px
}
.widemap4 .br {
height: 308px
}
.widemap .map-options {
/*display: block;*/
width: 188px;
height: 169px;
background: url(../_ui/images/map/map_select_widemap.png) top left no-repeat;
top: 61px
}
.widemap .map-options div ol li strong {
width: 115px
}
.widemap5 .map-options {
/*display: block;*/
width: 184px;
height: 160px;
/*background: url(../_ui/images/map/map_select_widemap5.png) top left no-repeat;*/
top: 81px
}
.widemap5 .map-options div ol li strong {
width: 110px
}
.widemap3 .map-options {
/*display: block;*/
width: 183px;
height: 55px;
/*background: url(../_ui/images/map/map_select_widemap3.png) top left no-repeat;*/
top: 16px
}
.widemap3 .map-options div {
padding-top: 18px
}
.widemap3 .map-options div ol li strong {
width: 105px;
padding-top: 3px
}
.widemap3 .map-options div ol li {
padding-left: 15px
}
.widemap4 .map-options {
/*display: block;*/
width: 146px;
height: 130px;
/*background: url(../_ui/images/map/map_select_widemap4.png) top left no-repeat;*/
top: 16px
}
.widemap4 .map-options-4-items {
/*background: url(../_ui/images/map/map_select_widemap41.png) top left no-repeat;height: 200px;*/
}
.widemap4 .map-options div ol li strong {
width: 75px
}
/*Début changement Legend Sébastien*/
.map-options {
/*display: block;*/
width: 188px;
height: 195px;
/*background: url(../_ui/images/map/map_select_widemap2.png) top left no-repeat;*/
top: 61px
}
.legend {
display: block;
width: 188px;
height: 195px;
top: 61px;
background-image: none
}
.legend div.ensembleLegend {
min-height: 20px;
background: url(../_ui/images/map/centreLegend.png) repeat scroll;
padding-top: 0
}
.legend .topLegend {
background: url(../_ui/images/map/topLegend.png) no-repeat scroll transparent
}
.legend .bottomLegend {
background: url(../_ui/images/map/bottomLegend.png) no-repeat scroll 0 0 transparent
}
/*Pour les agrandissement*/
.map-popup .legend2 {
display: block;
width: 188px;
height: 195px;
top: 61px;
background-image: none
}
.map-popup .legend2 div.ensembleLegend {
min-height: 20px;
background: url(../_ui/images/map/centreLegend.png) repeat scroll;
padding-top: 0
}
.map-popup .legend2 .topLegend {
background: url(../_ui/images/map/topLegend.png) no-repeat scroll transparent
}
.map-popup .legend2 .bottomLegend {
background: url(../_ui/images/map/bottomLegend.png) no-repeat scroll 0 0 transparent
}
.map .legend2 ol {
display: none
}
.map-popup .legend2 ol {
display: block
}
/*fin*/
.widemap2 .map-options div ol li strong {
width: 115px
}
.map-popup .map-options {
display: block;
width: 146px;
height: 130px;
/*background: url(../_ui/images/map/map_select_widemap4.png) top left no-repeat;*/
top: 68px;
right: 21px
}
.map-popup .map-options div ol li strong {
width: 75px
}
.map-options {
position: absolute;
right: 0
}
.map-options div {
padding: 19px 0 0 21px
}
.map-options div ol li {
display: block;
padding: 0 0 6px 21px;
float: left
}
.map-options div ol li input {
float: left;
width: 22px
}
body.opera .map-options div ol li input {
width: 14px;
margin: 3px 7px
}
.map-options div ol li strong {
float: left;
font-weight: normal;
padding-top: 2px
}
.map-options div ol li.map-select-hotels, .map-options div ol li.map-select-cette-semaine {
background: url(../_ui/images/map/map_select_icon_dark_blue.png) top left no-repeat;
color: #3876b1
}
.map-options div ol li.map-select-restaurants, .map-options div ol li.map-select-incontournables {
background: url(../_ui/images/map/map_select_icon_light_blue.png) top left no-repeat;
color: #0fa8d2
}
.map-options div ol li.map-select-commerces, .map-options div ol li.map-select-decouvrir {
background: url(../_ui/images/map/map_select_icon_green.png) top left no-repeat;
color: #6ca727
}
.map-options div ol li.map-select-mes-favoris, .map-options div ol li.map-select-bureau {
background: url(../_ui/images/map/map_select_icon_orange.png) top left no-repeat;
color: #fc9700
}
.map-options div ol li.map-select-photos {
background: url(../_ui/images/map/map_select_icon_photos.png) 0 3px no-repeat;
color: #50504f
}
.greentabs {
width: 292px
}
.greentabs .tabs {
height: 28px;
padding: 0 0 8px 1px;
background: url(../_ui/images/bg/greentabs-top.png) bottom left no-repeat
}
.greentabs .tabs li {
float: left;
height: 28px
}
.greentabs .tabs a {
float: left;
padding: 0 0 0 8px;
margin: 4px 2px 0 0;
height: 24px;
background-color: #6c9700;
background-position: top left;
background-repeat: no-repeat;
background-image: url(../_ui/images/bg/greentab.png);
color: #fff
}
.greentabs .tabs a span {
float: left;
font-size: 1.09em;
line-height: 20px;
height: 20px;
padding: 4px 8px 0 0;
background-position: top right;
background-repeat: no-repeat;
background-image: url(../_ui/images/bg/greentab.png)
}
.greentabs .tabs li.active a {
height: 28px;
margin-top: 0;
text-decoration: none;
background: #97c03e;
background-image: url(../_ui/images/bg/greentab-a.png)
}
.greentabs .tabs li.active a span {
padding-top: 8px;
cursor: default;
background-image: url(../_ui/images/bg/greentab-a.png)
}
.greentabs .tab-panel {
background: url(../_ui/images/bg/greentabs-bot.png) bottom left no-repeat;
width: 276px;
min-height: 150px;
padding: 6px 8px 10px 8px;
color: #fff
}
.greentabs .tab-panel p {
line-height: 1.27em;
margin: 0
}
#panel_hebergement p.show_picker {
padding-top: 3px
}
#panel_hebergement .calendar label {
color: #FFF;
clear: left;
width: 80px
}
#panel_hebergement .calendar a.calendrier {
float: left;
display: block;
width: 91px;
height: 18px;
padding: 0;
background: url(../_ui/images/bg/reservation-date.png) no-repeat;
color: #6B9A00;
font-size: 0.9em;
line-height: 14px;
font-weight: bold
}
#panel_hebergement .calendar a.calendrier:hover {
text-decoration: underline
}
#panel_hebergement .calendar a.calendrier span {
float: left;
height: 18px;
line-height: 14px;
padding: 0 0 0 17px;
background-image: url(../_ui/images/bullets/arrow-green-bot.png);
background-position: 8px 7px;
background-repeat: no-repeat
}
#panel_hebergement .calendar a.calendrier_open span {
background-image: url(../_ui/images/bullets/arrow-green-top.png)
}
#panel_hebergement .calendar a.modifier {
line-height: 16px;
padding: 0 0 0 15px;
background: #F7F7F7 url(../_ui/images/btn/btn-green.png) no-repeat scroll left top;
color: #6B9A00
}
#panel_hebergement p.show_selection {
padding-top: 2px
}
#panel_hebergement p.show_selection span.selection {
font-size: 1.09em
}
#panel_hebergement p.show_selection span.selection span {
float: left;
white-space: nowrap;
margin-right: 3px
}
#panel_hebergement p.show_selection span.selection span span {
float: none;
margin-right: 0
}
#panel_hebergement p.show_selection span.selection a span {
margin: 0
}
div.extended label.hidden {
position: absolute;
left: -9999em
}
body.layout-d div.extended_plus {
padding-right: 10px
}
div.extended fieldset {
margin: 0 0 12px 0
}
div.extended_plus fieldset {
margin: 0 0 35px 0
}
div.extended fieldset.submit {
margin: 0
}
div.extended_plus fieldset.submit {
background: url(../_ui/images/bg/dots-h.png) top left repeat-x;
padding: 14px 0 0 287px;
margin: -22px 0 30px 0
}
div.extended_plus fieldset ol {
padding: 4px 0 0 0
}
div.extended fieldset ol li {
float: left;
width: 100%;
padding: 8px 0 0 0
}
div.extended fieldset fieldset {
position: relative
}
div.extended fieldset ol li li {
padding: 2px 0
}
div.extended fieldset .head {
background: url(../_ui/images/bg/dots-h.png) bottom left repeat-x;
/**float: left;**/
margin: 0 0 7px 0;
padding-bottom: 5px;
text-align: left !important;
/**width: 250px;**/
width: 610px
}
div.extended fieldset .formPhotoContent .head {
background: none !important;
float: left;
width: 250px
}
div.extended fieldset .head h3 {
font-size: 1.72em;
display: inline;
line-height: 1em;
padding: 5px 5px 5px 0;
margin: 0;
font-weight: 300;
width: 250px
}
div.extended fieldset .head p.note {
/**float: left;**/
line-height: 19px;
padding: 5px 0;
margin: 0;
color: #595959
}
div.extended fieldset .head p.note em, div.extended fieldset label em, div.extended_plus fieldset.checkboxes legend span em {
font-size: 14px;
font-style: normal;
color: #ff3c00;
padding: 0 1px
}
div.extended_plus p {
margin: 0
}
div.extended label {
float: left;
width: 112px;
padding: 4px 4px 4px 0;
line-height: 1.36em;
text-align: right;
color: #646464;
/*#f88511;*/
cursor: pointer
}
div.extended_plus label {
width: 283px
}
div.extended_plus fieldset.documents label {
width: 200px
}
div.extended_plus .long-label label {
margin-top: -6px
}
div.extended_plus .long-label input {
margin-top: 9px
}
div.extended input, div.extended select, div.extended textarea {
/*float: left;*/
}
div.extended .text div.backInput {
background: transparent url(../_ui/images/bg/ext_input.png) no-repeat;
height: 22px;
width: 196px;
float: left;
margin: 0 0 0 5px;
display: inline
}
#UpdatePanel1 div.backInput, #UpdatePanel1 div.backInputArea {
margin-left: 25px
}
#UpdatePanel1 div.backInputArea textarea {
height: 54px;
width: 186px
}
div.extended_plus .text div.backInputSmall {
background: transparent url(../_ui/images/bg/ext_input_small.png) no-repeat 0 0;
float: left;
height: 23px
}
div.extended .text div.backInputSmall input {
width: 48px;
margin: 0 5px 0 0
}
div.extended_plus .text div.backInput {
width: 237px;
background: transparent url(../_ui/images/bg/ext_input_plus.png) no-repeat right top
}
#inner div.backInput {
margin-left: 3px
}
.propositions .long-label div.backInput input {
margin-top: 0 !important
}
div.extended .text input {
width: 186px;
padding: 4px 3px 0 7px;
border: none;
background: transparent;
/*background: transparent url(../_ui/images/bg/ext_input.png) no-repeat;*/
color: #626262;
/*height:18px;*/
}
div.extended_plus .text input {
width: 217px;
/*background: transparent url(../_ui/images/bg/ext_input_plus.png) no-repeat right top;*/
}
div.extended_plus .text input.small {
width: 48px;
/*background: transparent url(../_ui/images/bg/ext_input_small.png) no-repeat;*/
margin: 0 5px 0 0;
float: left
}
.formhead {
margin-left: 210px
}
.formhead span {
width: 66px;
display: block;
float: left
}
div.extended_plus .text input.disabled {
color: #ababab
}
body.safari div.extended .text input {
padding-top: 5px;
padding-bottom: 6px;
margin-top: -2px
}
div.extended input.file {
width: 196px
}
div.extended textarea {
/*width: 186px;
height: 54px;
padding: 4px 3px 5px 7px;*/
border: none;
/*background: transparent url(../_ui/images/bg/ext_textarea.png) no-repeat;*/
color: #626262;
background: none
}
div.extended div.backInputArea {
background: transparent url(../_ui/images/bg/ext_textarea.png) no-repeat;
float: left;
height: 54px;
width: 186px;
padding: 4px 3px 5px 7px
}
div.extended_plus div.backInputArea {
background: transparent url(../_ui/images/bg/ext_textarea-plus.png) no-repeat left bottom;
width: 227px;
height: 104px;
margin-left: 3px
}
div.extended_plus textarea {
width: 227px;
height: 104px;
/*/background: transparent url(../_ui/images/bg/ext_textarea-plus.png) no-repeat left bottom;*/
background: none
}
div.extended select {
width: 196px;
color: #626262
}
div.extended_plus select {
height: 30px;
width: 235px
}
div.extended span.select {
top: 7px;
left: 116px;
width: 180px;
background: url(../_ui/images/bg/lightbox-select.png) no-repeat
}
div.extended_plus span.select {
left: 287px;
width: 223px;
background: url(../_ui/images/bg/lightbox-select_plus.png) no-repeat;
margin-left: 3px !important
}
/*Sébastien Changement*/
div.extended_plus .selectPlanifier span.select {
left: 287px;
width: 223px;
background: url(../_ui/images/bg/lightbox-select_plus.png) no-repeat;
margin-left: 3px !important
}
li#document.select span.select {
margin-left: 0
}
li.document2 fieldset.documents {
margin-left: 165px;
width: 600px;
height: 265px
}
li.document2 fieldset.documents ol {
margin-left: 6px
}
li#document.textarea textarea {
margin-left: 0
}
/*fin*/
div.extended fieldset fieldset legend span {
position: absolute;
top: 8px;
left: 0;
width: 112px;
padding: 4px 4px 4px 0;
line-height: 1.36px;
text-align: right;
color: #646464;
/*#f88511;*/
}
div.extended fieldset fieldset label, div.extended .checkbox label {
float: left;
width: auto;
padding: 2px 0 2px 3px;
text-align: left;
color: #626262
}
div.extended_plus fieldset fieldset {
margin: 0
}
div.extended fieldset.checkboxes {
position: relative;
margin: -2px 0 0 0
}
div.extended fieldset.checkboxes legend span {
position: absolute;
top: 0;
left: 0;
font-size: 1.18em;
line-height: 1.69em;
color: #646464;
/*#f7790b;*/
width: 80px;
text-align: left;
font-weight: bold
}
div.extended_plus fieldset.checkboxes legend span, div.extended_plus fieldset.calendrier legend span {
position: absolute;
top: 0;
left: 0;
width: 283px;
padding: 4px 0;
font-size: 1em;
line-height: 1.36em;
text-align: right;
color: #646464;
/*#F88511;*/
font-weight: normal;
white-space: normal
}
div.extended fieldset.checkboxes ol {
padding: 0 0 0 80px
}
div.extended_plus fieldset.checkboxes ol, div.extended_plus fieldset.calendrier .pickers {
padding-left: 287px;
padding-top: 3px
}
div.extended_plus fieldset.checkboxes ol label {
font-weight: bold
}
div.extended_plus fieldset.checkboxes ol li.checkLabel label {
font-weight: normal;
width: 270px
}
div.extended fieldset.checkboxes ol li {
margin: 0 0 2px;
padding: 0
}
div.extended fieldset.checkboxes ol li.text, #comment-add ol li.text {
margin: 0 0 6px
}
div.extended_plus fieldset.half-line ol {
width: 238px
}
div.extended_plus fieldset.half-line ol li {
float: left;
clear: none;
width: 119px
}
div.extended_plus fieldset.calendrier .picker {
float: left;
position: relative;
margin-left: 3px
}
div.extended_plus fieldset.calendrier .picker label {
float: left;
width: auto;
white-space: nowrap;
font-weight: bold;
padding: 0 4px 0 0
}
div.extended_plus fieldset.calendrier .picker a.calendrier {
float: left;
overflow: hidden;
background: transparent url(../_ui/images/btn/calendrierl.png) no-repeat 0 0;
color: #FFF;
display: block;
float: left;
font-size: 0.9em;
font-weight: bold;
height: 15px;
line-height: 14px;
margin: 0 12px 0 0;
width: 77px
}
div.extended_plus fieldset.calendrier .picker a.calendrier span {
float: left;
background-image: url(../_ui/images/bullets/arrow-white-bot.png);
background-position: 8px 7px;
background-repeat: no-repeat;
color: white;
height: 14px;
line-height: 10px;
padding: 2px 0 2px 16px;
white-space: nowrap
}
div.extended_plus fieldset.calendrier .picker input.picker-input {
position: absolute;
left: 0;
visibility: hidden
}
div.extended fieldset.checkboxes label {
width: auto;
padding: 3px 0 3px 4px;
color: #555
}
div.extended fieldset.checkboxes input {
float: left
}
body.opera div.extended input[type=checkbox] {
margin-top: 3px
}
div.extended ol ol {
padding-left: 116px
}
body.js div.extended fieldset div.fileinput {
float: left;
position: relative;
width: 200px;
height: 23px;
background: url(../_ui/images/bg/ext_file.png) 0 0 no-repeat
}
body.js div.extended_plus .fichier {
position: relative
}
body.js div.extended_plus .fichier input.file {
background-image: none;
border: medium none;
position: relative;
top: 0;
left: 0;
z-index: 2;
text-align: right;
width: 240px;
height: 23px;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0)
}
body.js div.extended_plus .fichier .fakefile {
position: absolute;
top: 8px;
left: 287px;
z-index: 1;
width: 236px;
height: 23px;
background: url(../_ui/images/bg/ext_file-plus.png) 0 0 no-repeat
}
body.js div.extended_plus .fichier .fakefile input {
float: left;
width: 157px;
padding: 4px 5px 5px;
margin: 0 4px 0 0;
border: none;
background: none
}
body.js div.extended_plus .fichier .fakefile a.parcourir {
float: left;
margin-top: 2px;
background: transparent url(../_ui/images/btn/parcourir.png) no-repeat scroll left top;
height: 20px;
text-indent: -9999em;
width: 65px
}
body.js div.extended_plus .fichier:hover .fakefile a.parcourir {
background-position: 0 -20px
}
body.js div.extended fieldset div.fileinput label {
position: absolute;
left: -9999em
}
body.js div.extended fieldset div.fileinput div.fakefile {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 200px
}
body.js div.extended fieldset div.fileinput div.fakefile input {
float: left;
width: 118px;
padding: 4px 10px 3px 8px;
height: 16px;
border: none;
background: none;
color: #626262
}
body.js div.extended fieldset div.fileinput div.fakefile a.charger {
float: left;
width: 51px;
height: 18px;
padding: 1px 0 4px 9px;
margin: 1px 0 0 0;
font-size: 10px;
line-height: 18px;
font-weight: bold;
background: url(../_ui/images/btn/charger.png) 0 0 no-repeat;
color: #fff;
text-decoration: none
}
body.js div.extended fieldset div.fileinput:hover div.fakefile a.charger {
background-position: 0 -23px
}
body.js div.extended fieldset div.fileinput input.file {
position: relative;
z-index: 2;
height: 23px;
width: 200px;
text-align: right;
background-image: none;
opacity: 0;
-moz-opacity: 0;
border: none
}
body.js fieldset div.fichier {
float: left;
position: relative;
width: 260px;
height: 23px
}
body.js fieldset div.fichier label {
position: absolute;
left: -9999em
}
body.js fieldset div.fichier div.fakefile {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 264px
}
body.js fieldset div.fichier div.fakefile input {
float: left;
width: 180px;
padding: 4px 10px 3px 8px;
margin: 0;
height: 16px;
border: none;
background: none;
color: #626262
}
body.js fieldset div.fichier div.fakefile a.parcourir {
background: transparent url(../_ui/images/btn/parcourir.png) no-repeat scroll left top;
display: block;
height: 20px;
position: absolute;
right: 5px;
text-indent: -9999em;
top: 4px;
width: 65px
}
body.js fieldset div.fichier:hover div.fakefile a.parcourir {
background-position: 0 -20px
}
body.js fieldset div.fichier input.file {
position: relative;
z-index: 2;
height: 23px;
width: 200px;
text-align: right;
background-image: none;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity: 0)
}
div.extended fieldset.submit p {
margin: 0 0 11px 0
}
div.extended fieldset.submit ol {
padding: 0 0 2px 77px
}
div.extended fieldset.submit ol li {
padding: 0 0 0 13px;
background: url(../_ui/images/bullets/arr-orange-dotted.png) left center no-repeat
}
div.extended fieldset.submit ol li label {
width: auto;
padding: 2px 0 2px 3px
}
div.alerte_answer fieldset.buttons a.accepte {
display: block;
padding: 19px 26px 11px 15px;
border: none;
margin: 9px 0 0 25px;
width: 302px;
height: 37px;
font-size: 1.36em;
text-align: center;
background: url(../_ui/images/btn/ext_submit.png) center center no-repeat;
color: #fff;
cursor: pointer
}
div.extended fieldset.submit input.submit {
display: block;
padding: 7px 26px 11px 15px;
border: none;
margin: 9px 0 0 25px;
width: 302px;
height: 37px;
font-size: 1.36em;
text-align: left;
background: url(../_ui/images/btn/ext_submit.png) center center no-repeat;
color: #fff;
cursor: pointer
}
div.extended_plus fieldset.submit input.submit {
width: 245px;
padding-top: 6px;
padding-bottom: 10px;
margin-left: 0;
margin-top: 0;
background: url(../_ui/images/btn/ext_submit-plus.png) center center no-repeat
}
#yesNoButton button {
background: url(../_ui/images/btn/oui-non-big-orange.png) 0 0 no-repeat;
width: 60px;
height: 34px;
font-size: 15px !important;
padding-bottom: 5px;
border: none;
color: #fff;
cursor: pointer
}
div.alerte_answer .buttons input.accepte {
float: right;
width: 126px;
padding: 6px 26px 9px 15px;
border: none;
margin: 0 0 0 10px;
font-size: 1.36em;
text-align: left;
background: url(../_ui/images/btn/accepte.png) center center no-repeat;
color: #fff;
cursor: pointer
}
div.alerte_answer .buttons a.cancel {
float: right;
padding: 0 10px 0 14px;
line-height: 34px;
color: #f7790b;
background: url(../_ui/images/bullets/arr-orange-dotted.png) left center no-repeat
}
.paginated_carousel .slide-holder {
position: relative;
float: left;
width: 100%;
overflow: auto
}
.paginated_carousel .slide-tray {
width: 1000em
}
.paginated_carousel .listing {
width: 285px;
float: left
}
.paginated_carousel .pagination {
clear: both
}
.pagination p.next {
display: none
}
.show_next_results p.next {
display: block
}
#UpdatePanel1 div.lightbox {
width: 400px !important
}
div.lightbox {
width: 370px;
padding: 10px 15px 1px 15px;
color: #575757
}
div.lightbox-vivez {
width: 409px;
padding: 1px 15px 1px 15px
}
.lightbox h1 {
font-size: 2em;
margin: 0 0 5px 0
}
.lightbox p {
line-height: 1.36em;
margin: 0 0 12px 0
}
.lightbox h4 {
font-weight: normal;
margin: 0 0 3px 0
}
.lightbox .sep {
height: 8px;
width: 406px;
margin: 10px -23px 9px -23px;
background: url(../_ui/images/fancybox/sep.png) center center no-repeat
}
.lightbox .badges {
clear: both;
height: 33px;
margin: 0 0 13px 0
}
.lightbox .badges h2 {
display: inline;
float: left;
clear: left;
width: 160px;
height: 29px;
padding: 2px 11px 2px 11px;
margin: 0 0 0 -27px;
font-size: 1.18em;
line-height: 29px;
font-weight: normal;
background-image: url(../_ui/images/fancybox/badge-left.png);
background-position: top left;
background-repeat: no-repeat;
color: #fff
}
.lightbox .badges h2.right {
float: right;
clear: right;
width: 163px;
margin: 0 -27px 0 0;
text-align: right;
background-image: url(../_ui/images/fancybox/badge-right.png);
background-position: top right
}
.lightbox div.extended {
margin: 0 0 -10px 0
}
.lightbox-vivez div.extended {
margin: 0 0 -24px 0
}
.lightbox div.alerte_answer {
margin: 0 0 -10px 0
}
.lightbox-vivez .map {
margin: 0 -21px 8px -22px;
padding: 1px;
width: 450px;
height: 288px;
overflow: hidden
}
.lightbox-vivez .map .tl {
top: 0;
left: 0;
width: 2px;
height: 288px;
background-image: url(../_ui/images/mask/brd-mask_tl.png);
background-position: top left
}
.lightbox-vivez .map .bl {
bottom: 0;
left: 0;
width: 450px;
height: 2px;
background-image: url(../_ui/images/mask/brd-mask_bl.png);
background-position: top left
}
.lightbox-vivez .map .br {
top: 2px;
right: 0;
width: 2px;
height: 288px;
background-image: url(../_ui/images/mask/brd-mask_br.png);
background-position: bottom right
}
.lightbox-vivez .map .tr {
top: 0;
right: 0;
width: 450px;
height: 2px;
background-image: url(../_ui/images/mask/brd-mask_tr.png);
background-position: top left
}
div.bluelightbox a.cancel {
width: 30px;
height: 30px;
position: absolute;
top: -22px;
right: -25px;
z-index: 181;
background: transparent url(../_ui/images/fancybox/fancy-closebox-blue.png) no-repeat scroll left top;
cursor: pointer
}
.bluelightbox h1 {
color: #3876b1
}
.bluelightbox p {
margin: 0 0 4px 0
}
.bluelightbox div.extended li.checkbox label {
color: #2574b7
}
div.extended ol.checkboxes li.checkbox {
padding: 0 0 0 5px
}
div.extended input.bluesubmit {
float: left;
display: inline;
margin: -4px 0 0 8px;
padding: 1px 0 1px 10px;
border: none;
width: 65px;
height: 17px;
font-size: 1em;
font-weight: bold;
text-align: left;
background: transparent url(../_ui/images/btn/acceder.png) no-repeat;
color: #fff;
cursor: pointer
}
.bluelightbox div#agrement ol ol {
padding-left: 0
}
.bluelightbox div#agrement ol li.first {
margin: -4px 0 9px 0
}
.bluelightbox div#agrement p {
font-size: 1.09em
}
.section-a, .section-b, .section-c {
margin: 0 0 20px
}
.section-a h2, .section-b h2, .section-c h2 {
margin: 0 0 8px;
padding: 0 0 6px;
background: transparent url(../_ui/images/bg/dots-h.png) repeat-x 0 100%
}
.section-a .bot_brd, .section-b .bot_brd {
padding-bottom: 7px;
background: transparent url(../_ui/images/bg/dots-h.png) repeat-x 0 100%
}
.section-a .bot_brd h2, .section-b .bot_brd h2 {
background: none;
margin: 0
}
.section-a .bot_brd p, .section-b .bot_brd p {
margin: 0
}
.section-a a.view-all, .section-b a.view-all {
display: block;
margin: -16px 0 4px 0;
color: #ff6d00;
text-decoration: none !important
}
.section-a a.view-all span, .section-b a.view-all span {
float: left;
padding: 0 3px 0 6px;
display: block;
background: url(../_ui/images/bullets/arrow-orange-bullet-mask.png) no-repeat 0 5px
}
.section-a p.published em {
color: #f99118
}
.section-a .listing h3, .section-a .listing h3 a, .section-a .listingAlentours h3, .section-a .listingAlentours h3 a {
color: #f99118
}
.section-a .listing li:hover h3, .section-a .listing a:hover h3, .section-a .listing li:hover h3 a, .section-a .listing h3 a:hover, .section-a .listingAlentours li:hover h3 {
text-decoration: none;
color: #ff6d00
}
.section-b h2 {
color: #3876b1;
display: block
}
body.pro .content .section-b h2.no-dotted, body.pro .sidebar .section-b h2.no-dotted, .section-b h2.no-dotted {
margin: 0 0 5px;
padding: 0;
background: none
}
.section-b.highlight .little-btn-blue, .section-b.highlight .little-btn-blue * {
position: relative;
z-index: 2
}
.section-b.highlight .highlight {
color: #3876b1;
font-size: 1.35em;
margin-top: -16px;
padding: 20px 10px 15px;
background-color: rgb(239, 244, 249);
z-index: 1
}
.section-b a.view-all {
color: #4f99d6
}
.section-b a.view-all span {
background-image: url(../_ui/images/bullets/arrow-blue-mask.png)
}
.section-d {
margin: 0 0 13px;
width: 280px;
padding: 0 0 2px;
color: #FFF;
background: transparent url(../_ui/images/bg/section-d.png) no-repeat 100% 100%
}
.section-d div {
padding: 8px 15px 1px;
background: url(../_ui/images/bg/section-d.png) no-repeat 0 0
}
.section-d h2 {
margin: 0 0 8px;
padding: 0 0 9px;
background: transparent url(../_ui/images/bg/dots-white-h.png) repeat-x 0 100%;
color: #FFF
}
.section-highlight {
margin-top: 25px;
padding-bottom: 5px;
width: 446px;
background: url(../_ui/images/bg/section-highlight-bottom.png) no-repeat bottom
}
.layout-c .section-highlight {
margin-top: 0
}
.section-highlight h2 {
margin: 0;
padding: 10px 0 10px 15px;
background: url(../_ui/images/bg/section-highlight-top.png) no-repeat top
}
.section-highlight .listing {
padding: 0 15px 0 160px;
background: url(../_ui/images/bg/section-highlight.png) repeat-y
}
.section-highlight-narrow {
width: 310px;
background: url(../_ui/images/bg/section-highlight-narrow-bottom.png) no-repeat bottom
}
.section-highlight-narrow h2 {
background: url(../_ui/images/bg/section-highlight-narrow-top.png) no-repeat top
}
.section-highlight-narrow .listing {
padding: 0 15px 0 95px;
background: url(../_ui/images/bg/section-highlight-narrow.png) repeat-y
}
.section-links h2, .section-links-b h2 {
padding: 0 0 6px
}
.section-links ul, .section-links-b ul {
min-width: 74px;
font-weight: bold;
font-size: 1.091em;
line-height: 1.6em
}
.section-links ul li, ul.list li {
background: transparent url(../_ui/images/bullets/arrow-orange-bullet.png) no-repeat 0 0.3em;
padding: 0 13px;
margin-left: 16px;
position: relative
}
.je-suis-en ul, .vivez-lexperience ul {
float: left
}
.section-links-landing ul {
float: left;
width: 48%;
margin-right: 1%
}
.section-links-landing ul li {
/*width: 45%; float: left;*/
margin: 0 0 0 1px;
padding: 0
}
.section-links-landing ul li a {
display: block;
padding-left: 13px;
margin-bottom: 5px;
line-height: 1.2em
}
/*.section-links-landing ul li:nth-child(odd) { clear: left; float: left;margin-right: 2%; }*/
.vivez-lexperience ul, .je-suis-en ul {
width: 49%
}
.vivez-lexperience ul.last, .je-suis-en ul.last {
width: 45%
}
.vivez-lexperience ul li, .je-suis-en ul li {
font-size: 1em;
line-height: 1.1em;
margin-left: 5px !important;
margin-bottom: 5px;
position: relative
}
#wrapper .section-links li a, #wrapper .section-links-b li a {
color: #676767;
text-decoration: none !important
}
.section-links a:hover {
color: #f88511 !important
}
.section-links-b h2 {
color: #72aa05
}
#wrapper .section-links-b li {
background: url(../_ui/images/bullets/arrow-green.png) no-repeat 0 0.3em;
padding: 0 13px;
margin-left: 16px
}
#wrapper .vivez-lexperience ul a:hover {
color: #688912
}
#wrapper .je-suis-en ul a:hover {
color: #ff6d00
}
.section-ads {
padding: 10px 0 0;
margin: 22px -15px 0;
width: 295px;
background: transparent url(../_ui/images/bg/section-ads.png) no-repeat 0 0
}
.section-ads div {
padding: 0 12px 8px;
background: transparent url(../_ui/images/bg/section-ads.png) no-repeat 100% 100%
}
.section-ads div.divFlashBanner {
padding: 0 !important;
background: none !important
}
.section-ads p {
margin: 0;
padding: 70px 0;
color: #a4a4a4;
font-size: 1.545em;
line-height: 1.3em;
text-align: center
}
.section-ad {
width: 100%;
padding: 20px 0 0 0;
background: transparent url(../_ui/images/bg/ad_tl.png) no-repeat
}
.section-ad div {
padding: 0 20px 20px 20px;
background: transparent url(../_ui/images/bg/ad_br.png) no-repeat 100% 100%
}
.section-ad p {
margin: 0;
padding: 70px 0;
color: #a4a4a4;
font-size: 1.545em;
line-height: 1.3em;
text-align: center
}
.pagination {
position: relative;
/*height: 30px;*/
color: #A7A7A7;
/*margin-bottom: 20px;*/
line-height: 20px;
font-size: 1.08em;
margin-top: 30px;
/*background: url(../_ui/images/bg/dots-h.png) repeat-x center;*/
}
.phototheque .pager {
width: 250px !important;
margin: 0 auto
}
.pagination p, .pagination ul {
background: url(../_ui/images/bullets/mask.png) left center repeat-x
}
.pager {
text-align: center
}
.pager span, .pager a {
color: #A7A7A7;
padding: 5px 4px;
/*display: inline;*/
line-height: 30px;
/*float: left;*/
}
.pager a:hover {
color: #F88511
}
.pager span.selected {
border: 1px solid #D4D4D4;
color: #F88511;
font-weight: bold;
line-height: 1;
padding: 4px 5px;
margin: 3px 3px 0
}
.pagination .divpagecount {
clear: left;
font-size: 95%;
text-align: center;
margin-top: 5px
}
.pagination a.previous, .pagination a.next {
background: url(../_ui/images/ico/pagination-arrows2.png) no-repeat 0 0;
display: inline-block;
height: 30px;
padding: 0;
margin: 0 5px;
overflow: hidden;
text-indent: -40px;
vertical-align: bottom;
width: 27px
}
.pagination a.next {
background-position: 100% 0
}
.pagination a.next:hover {
background-position: 100% -60px
}
.pagination a.previous:hover {
background-position: 0 -60px
}
.pagination a.previous.disabled, .pagination a.previous.disabled:hover {
background-position: 0 -30px
}
.pagination a.next.disabled, .pagination a.next.disabled:hover {
background-position: 100% -30px
}
.pagination p.results {
float: left;
padding-right: 5px;
margin-bottom: 0
}
.pagination p.next {
display: inline;
float: right;
margin-right: 54px;
margin-bottom: 0
}
.pagination p.next a {
padding: 0 5px 0 16px;
background-image: url(../_ui/images/ico/pagination_suivants.png);
background-position: 5px center;
background-repeat: no-repeat
}
.pagination ul {
position: absolute;
top: 0;
right: 0;
height: 30px;
width: 54px
}
.pagination ul a {
position: relative;
float: left;
overflow: hidden;
height: 30px;
width: 27px;
text-indent: -9999em;
background: url(../_ui/images/ico/pagination-arrows.png) no-repeat
}
.pagination ul li {
float: left
}
.pagination ul a span {
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 27px;
background: none
}
.pagination ul a:hover {
background-position: 0 -60px
}
.pagination ul li.next a {
background-position: 100% 0
}
.pagination ul li.next a:hover {
background-position: 100% -60px
}
.pagination ul li.prev a.disabled {
background-position: 0 -30px
}
.pagination ul li.next a.disabled {
background-position: 100% -30px
}
.pagination p.next {
display: none
}
.has_next p.next {
display: inline
}
.search-form {
width: 445px;
margin-left: -6px;
margin-bottom: 14px
}
#wrapper .search-form h2 {
color: #96bf3e;
background-image: none;
margin-bottom: 0;
padding-left: 2px
}
.search-form div#theReplacedForm {
background: url(../_ui/images/bg/search-form-top.png) no-repeat;
padding-top: 9px
}
.search-form div#theReplacedForm fieldset {
background: url(../_ui/images/bg/search-form-bottom.png) left bottom no-repeat;
color: #fff;
padding: 5px 13px 2px
}
.search-form label {
color: #fff
}
.search-form div.half, .search-form div.full div.half {
float: left;
width: 50%
}
.search-form .onethird {
float: left;
width: 175px
}
.search-form .twothirds {
display: inline;
float: right;
width: 248px;
margin-right: -5px
}
.search-form .full .date-from {
padding: 4px 0 0 0;
margin: 0 0 4px 0
}
.search-form .full .date-from label, .search-form .full .date-to label {
float: left;
width: 58px;
margin: 0 4px 0 0;
text-align: right;
font-size: 1.09em;
font-weight: bold
}
.search-form .date-from a.date, .search-form .date-to a.date {
float: left;
width: 107px;
height: 18px;
font-size: 0.9em;
line-height: 14px;
font-weight: bold;
background: url(../_ui/images/bg/reservation-date2.png) no-repeat;
color: #6B9A00;
text-align: left;
text-decoration: none !important
}
.search-form .date-from a.date span, .search-form .date-to a.date span {
float: left;
width: 84px;
height: 18px;
padding-left: 23px;
line-height: 14px;
font-weight: bold
}
.search-form .full .twothirds label {
clear: right;
float: left;
width: auto;
white-space: nowrap
}
.search-form .full .twothirds select {
float: right
}
.search-form .full .twothirds .textbox {
clear: both;
padding-right: 6px
}
.search-form .full .twothirds .textbox input {
float: right;
background: url(../_ui/images/bg/search-form-twothirds-textbox.png) right top no-repeat;
width: 150px;
height: 15px;
padding: 5px 5px 5px 8px;
margin: 0
}
.search-form .half select {
width: 137px;
margin-bottom: 5px;
margin-left: 2px;
cursor: pointer
}
.search-form .full {
clear: both
}
.search-form .full label, .search-form .full .label {
display: block;
width: 101px;
float: left
}
.search-form .full .label {
padding-top: 3px
}
.search-form .select {
height: 25px;
margin-bottom: 5px
}
.search-form div.select {
width: auto
}
.search-form .select label {
padding-top: 5px
}
.search-form .checkboxes {
width: 318px;
float: left
}
.search-form .checkboxgroup {
margin: 0 0 15px;
clear: both;
float: left;
width: 100%
}
.search-form .half label {
margin-right: 4px
}
.search-form .half label, .search-form .checkboxes label {
width: auto;
white-space: nowrap
}
.search-form .checkboxes label {
padding: 4px 0 0 2px;
font-weight: bold
}
.search-form .checkboxes input {
float: left
}
.search-form .textbox input {
width: 302px;
height: 15px;
line-height: 11px;
padding: 5px 8px;
margin-bottom: 15px;
border: none;
background: #fff url(../_ui/images/bg/search-form-textbox.png) no-repeat;
color: #555
}
.search-form .textbox label {
padding-top: 5px
}
.search-form .buttons {
height: 34px;
padding-top: 4px;
background: url(../_ui/images/bg/search-form-buttons.png) no-repeat
}
.search-form .buttons .simplify {
width: 210px;
height: 28px;
background: url(../_ui/images/btn/search-form-plus.png) 11px 3px no-repeat;
float: left;
margin-right: 16px
}
.search-form .buttons .simplifyCalendrier /* AjouteÌ par SBP 2009-10-19 */ {
width: 210px;
height: 28px;
float: left;
margin-right: 16px
}
.search-form .buttons .simplify a {
display: block;
height: 14px;
padding: 7px 0 7px 37px;
line-height: 14px;
color: #72aa05;
font-size: 1.27em
}
.search-form .buttons .simplify a:hover {
color: #659100;
text-decoration: none
}
.search-form .buttons .submit {
float: left;
width: 205px;
height: 25px;
background: #75b32a url(../_ui/images/btn/search-form-submit.png) no-repeat
}
.search-form .buttons .submit a {
display: block;
color: #fff;
font-weight: bold;
font-size: 1.09em;
height: 21px;
line-height: 21px;
padding: 1px 0 3px 13px;
text-align: left;
text-indent: -9999em;
text-decoration: none;
background: url(../_ui/images/btn/lancer-votre-recherche.png) 39px center no-repeat
}
.search-form .buttons .submit a:hover {
text-decoration: none
}
body.calendrier.firefox2 .search-form .twothirds .styledselect {
width: 140px
}
.reservation {
width: 293px;
margin: 0 0 7px -4px;
background: url(../_ui/images/bg/reservation-top.png) no-repeat;
float: left;
position: relative;
z-index: 200
}
.reservation .tabs {
float: left;
clear: both;
width: 293px;
height: 30px
}
.reservation .tabs li, .reservation .tabs li a, .reservation .tabs li a em {
float: left;
display: block;
color: #fff;
text-decoration: none !important
}
.reservation .tabs li, .reservation .tabs li a:hover {
text-decoration: none
}
.reservation .tabs li a em {
font-style: normal;
line-height: 15px;
height: 15px;
padding-top: 9px;
padding-bottom: 6px
}
.reservation .tabs li {
background: url(../_ui/images/bg/reservation-tab-last-left.png) right top no-repeat
}
.reservation .tabs li a, .reservation .tabs li.noforfait a {
background: url(../_ui/images/bg/reservation-tab-last-right.png) right top no-repeat;
padding: 0 27px 0 4px;
font-size: 1.36em
}
.reservation .tabs li.active.noforfait a {
background: url(../_ui/images/bg/reservation-tab-first-right2.png) right top no-repeat
}
.reservation .tabs li.first {
background: url(../_ui/images/bg/reservation-tab-first-left2.png) left top no-repeat
}
.reservation .tabs li.first a {
background: url(../_ui/images/bg/reservation-tab-last-left2.png) left top no-repeat;
padding: 0 27px 0 11px
}
.reservation .tabs li.active {
background: url(../_ui/images/bg/reservation-tab-first-left.png) no-repeat
}
.reservation .tabs li.last.active {
background: url(../_ui/images/bg/reservation-tab-active-last-left.png) left top no-repeat
}
.reservation .tabs li.active a, .reservation .tabs li.last.active a {
background: url(../_ui/images/bg/reservation-tab-first-right.png) right top no-repeat;
padding: 0 33px 0 11px;
font-size: 1.54em;
height: 17px;
line-height: 17px;
padding-top: 0;
padding-bottom: 13px
}
.reservation .tabs li.last.active a {
background: url(../_ui/images/bg/reservation-tab-active-last-right.png) right -1px no-repeat
}
/*.reservation .tabs li.last.active a{
background: url(../_ui/images/bg/reservation-tab-first-right2.png) right top no-repeat;}*/
/*.reservation .tabs li.first a
{
background: url(../_ui/images/bg/reservation-tab-first-right.png) right top no-repeat;
padding: 0 33px 0 11px;
font-size: 1.54em;
height: 17px;
line-height: 17px;
padding-top: 0;
padding-bottom: 13px;
}
.reservation .tabs li.last
{
background: url(../_ui/images/bg/reservation-tab-last-left.png) right top no-repeat;
}
.reservation .tabs li.last a
{
background: url(../_ui/images/bg/reservation-tab-last-right.png) right top no-repeat;
padding: 0 27px 0 4px;
font-size: 1.36em;
}*/
.reservation .panel {
width: 271px;
padding: 10px 11px;
background: url(../_ui/images/bg/reservation-bottom.png) left bottom no-repeat;
color: #fff;
float: left
}
#panel_forfaits {
padding: 10px 11px 0
}
.reservation .forfait {
/*margin-bottom:-5px;*/
position: relative;
height: 1%;
clear: left;
float: left;
padding: 5px 0 35px;
/*left: -10px;*/
width: 100%
}
.reservation .forfait .top {
height: 4px;
background: url(../_ui/images/bg/reservation-forfait-top.png) left top no-repeat;
position: absolute;
width: 293px;
z-index: 1000px;
left: -11px;
top: 0
}
.reservation .first .top {
display: none
}
.reservation .btnDetails {
height: 29px;
background: url(../_ui/images/bg/reservation-forfait-bottom2.png) left bottom no-repeat;
position: absolute;
width: 293px;
z-index: 1000px;
left: -11px;
bottom: 0
}
.reservation .btnDetails a {
background: url(../_ui/images/btn/btnForfaitPlus.png) no-repeat;
color: #fff;
display: block;
height: 15px;
margin: 5px 0 0 10px;
padding: 0 0 0 13px
}
.reservation .date-from {
float: left
}
.reservation .date-to {
float: right
}
.reservation label {
display: block;
float: left;
font-weight: bold;
margin-right: 4px
}
.reservation .date {
display: block;
float: left;
width: 91px;
height: 18px;
font-weight: bold;
font-size: 0.9em;
line-height: 14px;
background: url(../_ui/images/bg/reservation-date.png) no-repeat;
color: #6b9a00 !important
}
.reservation input.picker-input, .search-form input.picker-input {
left: 500px;
position: absolute;
visibility: hidden
}
.reservation .date:hover {
text-decoration: none
}
/** ici css pour le bouton tous les détails **/
/*.forfait .btnDetails
{
background-image: url(../_ui/images/bg/btn_vert.png);
background-position:0 0;
background-repeat:no-repeat;
border:none;
height:17px;
width:101px;
padding-top:1px;
}
.forfait .btnDetails:hover
{
background-position: 0 -18px;
padding-top:1px;
}
.forfait .btnDetails a
{
padding-left:15px;
padding-top:4px;
color:#fff;
}
.forfait .btnDetails a:hover
{
text-decoration:none;
}*/
.reservation .date span {
float: left;
padding-left: 17px;
line-height: 14px;
height: 18px;
white-space: nowrap;
background-image: url(../_ui/images/bullets/arrow-green-bot.png);
background-repeat: no-repeat;
background-position: 8px 7px
}
.reservation .calendrier_open span {
background-image: url(../_ui/images/bullets/arrow-green-top.png)
}
.reservation .link-reserve {
width: 213px;
height: 27px;
margin-top: 2px;
line-height: 24px;
display: block;
/*float: right; modif stephaniel */
background: #fff url(../_ui/images/bg/reservation-reserve.png) no-repeat;
font-size: 1.18em
}
.reservation .link-reserve a {
display: block;
padding-left: 17px;
width: 195px;
height: 100%;
color: #6b9a00;
text-decoration: none !important
}
#headline {
clear: both;
margin: 0 0 22px
}
#headline h1, .section-a h1 {
margin: 0 0 6px;
line-height: 18px
}
#headline .presentation {
width: 585px;
float: left
}
#headline.view-e .presentation {
width: 650px;
float: none
}
#headline .presentation p {
margin: 0 -10px 0 0;
padding: 0 30px 0 0;
color: #646464;
background: transparent url(../_ui/images/bg/dots-h3.png) no-repeat 100% 5px;
font-size: 1.1em;
line-height: 1.4em
}
#headline.view-e .presentation p {
margin: 0;
background: none
}
#headline.view-s .presentation p {
background: none
}
#headline.view-f {
margin: 0 0 15px 0
}
#headline.view-f .presentation {
width: 533px
}
#headline.view-f .presentation h2 {
margin: -7px 0 4px 0
}
#headline.view-f .presentation p {
background: none;
margin: 0;
padding: 0
}
#headline .related-info {
width: 285px;
float: right
}
#headline .promo {
display: inline;
margin: 29px 0 0;
float: right;
width: 460px
}
#headline .pub {
display: inline;
margin: 29px 0 0;
float: right;
width: 460px
}
#headline .promo h2 {
font-size: 1.909em;
line-height: 1.3em;
color: #72aa05;
display: inline
}
#headline .promo a {
color: inherit;
text-decoration: none
}
#headline .promo h2 a {
color: #72aa05
}
#headline .promo h2 span {
font-size: 0.6em;
line-height: 1.3em;
color: #616161
}
#headline .promo li {
margin: 0 6px 0 0;
display: inline
}
#headline .promo li a, #headline .promo li span {
padding: 0 0 0 8px;
background: transparent url(../_ui/images/bullets/arrow-green.png) no-repeat 0 50%;
color: #676767
}
#headline.headline-home {
margin-bottom: 16px
}
#headline.headline-home p {
margin: 0 -10px 0 6px;
color: #646464
}
#headline.headline-home p strong {
font-size: 1.25em
}
#headline.view-a .presentation {
width: 400px
}
#headline.view-a .presentation h1 {
font-size: 1.9em
}
#headline.view-a .presentation p {
padding-right: 20px;
/*font-size: 1.364em;*/
line-height: 1.2em;
/*font-weight: bold;*/
}
#headline.view-b .presentation {
float: none;
width: auto
}
#headline.view-b .presentation p {
margin: 0;
background: none;
line-height: 1.25em
}
#headline.view-b .presentation p strong {
font-size: 1.25em
}
#headline.view-a .related-info {
width: 460px
}
#inner.tabs #headline.view-c {
padding: 6px 0 0 21px;
margin: 0 0 12px 0
}
#headline.view-c .presentation {
float: left;
width: 360px
}
#headline.view-c p {
padding: 15px 270px 0 0;
font-size: 1.1em;
clear: left
}
#headline.view-c h2 {
font-size: 2.1em
}
#headline.view-c .presentation p {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1em;
clear: none;
background: none
}
#headline.view-c .presentation p strong {
color: #f88511
}
#headline.view-c .promo {
width: 522px;
margin: 0;
padding: 0 0 5px 20px;
background: url(../_ui/images/bg/dots-h3.png) 0 5px no-repeat
}
#headline.view-d {
margin-top: -6px
}
#headline.view-d .presentation {
display: inline;
float: left;
width: 430px;
margin-left: -4px
}
#headline.view-d .presentation h2 {
margin: 0 0 9px 0
}
#headline.view-d .presentation p {
margin: 0;
padding: 0;
background: none
}
#headline.view-e .presentation {
padding-top: 10px
}
/***** Modification stephaniel 20 septembre 2009
#headline.view-d .presentation p strong, #headline.view-e .presentation p strong
{
font-size: 1.25em;
}*/
#headline.view-d .promo {
float: right;
width: 436px;
padding-left: 16px;
margin-top: 26px;
background: url(../_ui/images/bg/dots-h3.png) 0 7px no-repeat
}
#automobile-distances h2 {
margin: 0 0 10px 0
}
#automobile-distances h2 em {
display: block;
padding: 3px 0 3px 35px;
background: transparent url(../_ui/images/ico/automobile.png) no-repeat 0 50%;
font-style: normal
}
#automobile-distances {
color: #868686
}
.section-distances {
background: transparent url(../_ui/images/bg/section-distances.png) no-repeat 0 0;
padding: 0
}
.section-distances h3 {
padding: 8px 0 6px !important;
margin: 0 0 5px;
height: 17px;
display: block;
background: transparent url(../_ui/images/bg/distances_h.png) top left no-repeat;
font-size: 1em;
line-height: 17px
}
.section-distances .table {
padding: 0 0 15px 10px;
background: url(../_ui/images/bg/distances-bottom.png) 0 100% no-repeat
}
.section-distances table {
border-collapse: collapse;
border: 0;
width: 100%
}
.section-distances thead th, .tableInfo thead th {
background: transparent url(../_ui/images/bg/distances_th.png) repeat-y 0 100%;
padding: 0 0 8px;
font-size: 1.091em;
line-height: 1.3em
}
.centerdate thead th {
padding-left: 0
}
.tableInfo td {
border-bottom: 1px solid #fff;
padding: 3px;
text-align: center
}
.tableInfo td.left {
text-align: left
}
.tableInfo .backGris {
background: #eee
}
.section-distances thead th.city, .tableInfo thead th {
padding-left: 7px;
background-position: 100% 100%
}
.section-distances thead th.distance, .tableInfo thead th {
text-align: center
}
.section-distances thead th.options {
text-align: center
}
.section-distances tbody td {
border: 0;
margin: 0;
padding: 0 4px 0;
height: 17px;
line-height: 17px;
background-repeat: no-repeat;
background-position: 0 0
}
/*.section-distances tbody .odd td.city, .section-distances tbody tr:hover td.city, .section-distances tbody tr.hover td.city
{
background: url(../_ui/images/bg/distances.png) top left no-repeat;
}
.section-distances tbody .odd td.distance, .section-distances tbody tr:hover td.distance, .section-distances tbody tr.hover td.distance
{
background: url(../_ui/images/bg/distances.png) top center no-repeat;
}*/
.section-distances tbody td.distance, .section-distances .temperatures tbody td.options {
color: #747474
}
.section-distances tbody td.city {
padding-left: 6px
}
.section-distances tbody td.options {
padding: 0 4px;
background-position: top right
}
/*.section-distances tbody .odd td.options, .section-distances tbody tr:hover td.options, .section-distances tbody tr.hover td.optionss2
{
background: url(../_ui/images/bg/distances.png) top right no-repeat;
}*/
.section-distances tbody td.options a {
color: #f88511;
font-size: 0.909em;
line-height: 15px
}
.section-distances tbody td.options a.open {
padding: 3px 0 3px 18px;
background: transparent url(../_ui/images/ico/go.png) no-repeat 0 50%
}
.section-distances tbody td.options a.close {
display: none;
text-align: center
}
.section-distances tbody td.city {
font-weight: bold
}
.section-distances tbody td.distance, .section-distances .temperatures tbody td.options {
font-weight: bold;
text-align: center
}
/*.section-distances tbody tr:hover td, .section-distances tbody tr.hover td
{
color: #FFF;
}
.section-distances tbody tr:hover td a, .section-distances tbody tr.hover td a
{
color: #FFF;
}
.section-distances tbody tr:hover td.city, .section-distances tbody tr.hover td.city
{
background-position: 0 -17px;
}
.section-distances tbody tr:hover td.distance, .section-distances tbody tr.hover td.distance
{
background-position: center -17px;
}
.section-distances tbody tr:hover td.options, .section-distances tbody tr.hover td.options
{
color: #fff;
background-position: right -17px;
}
.section-distances tbody tr:hover td.options a.open, .section-distances tbody tr.hover td.options a.open
{
display: none;
}
.section-distances tbody tr:hover td.options a.close, .section-distances tbody tr.hover td.options a.close
{
display: block;
line-height: 17px;
}*/
.common-transport {
margin: 0 0 23px 0
}
.common-transport h2 {
background: transparent url(../_ui/images/bg/dots-h.png) repeat-x scroll 0 100%;
margin: 0 0 8px;
padding: 0 0 6px
}
.common-transport h2 em {
display: block;
padding: 3px 0 3px 35px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 50%;
font-style: normal
}
.common-transport#par-train h2 em {
background-image: url(../_ui/images/ico/train.png)
}
.common-transport#par-avion h2 em {
background-image: url(../_ui/images/ico/avion.png)
}
.common-transport#par-autobus h2 em {
background-image: url(../_ui/images/ico/autobus.png)
}
.common-transport#par-autobus ul.terminals li a.pin {
background-image: url(../_ui/images/ico/marker-flipped-lightblue.png)
}
.common-transport p {
margin-bottom: 4px;
line-height: 1.27em;
color: #929292
}
.common-transport h4 {
margin-top: 10px;
margin-bottom: 4px
}
.common-transport .options, .user_options {
margin-top: 4px;
margin-bottom: 10px;
background: url(../_ui/images/bg/dots-h.png) repeat-x scroll 0 100%
}
.user_options {
margin: -1.3em 0 15px 0
}
.common-transport .options h4, .user_options h4 {
display: none
}
.common-transport .options li, .user_options li {
float: left;
padding: 0
}
.common-transport .options a, .user_options a {
background: transparent none no-repeat scroll 0 50%;
float: left;
padding: 4px 10px 4px 18px
}
.common-transport .options a.add-to-favorites, .user_options a.add-to-favorites {
background-image: url(../_ui/images/ico/fav.png);
color: #D44B4B;
text-decoration: none !important
}
ul.terminals {
padding: 8px 0 0 20px
}
ul.terminals li {
position: relative;
padding: 0 0 7px 0;
margin: 0 0 5px 0;
line-height: 1.27em;
background: transparent url(../_ui/images/bg/dots-h.png) repeat-x scroll 0 100%
}
ul.terminals li a.pin {
position: absolute;
top: 1px;
left: -20px;
width: 18px;
height: 18px;
background: url(../_ui/images/ico/marker-flipped-blue.png) no-repeat
}
ul.terminals h5 {
font-size: 1.09em;
line-height: 1.5em;
font-weight: bold;
color: #7b7b7b
}
ul.terminals p.adr {
padding-right: 5px;
margin: 0;
color: #929292
}
ul.terminals p strong {
white-space: nowrap;
color: #717171
}
body.firefox2 .listing {
clear: both
}
.listing {
margin: 0;
padding: 0;
margin: 0 0 10px;
padding: 0 0 0 80px
}
.listing > li {
list-style: outside none none;
padding: 10px 0 0;
margin: 0 0 10px 0;
background: transparent url(../_ui/images/bg/dots-h.png) repeat-x 0 100%
}
.listing.alone > li {
background: none
}
.listForfait {
width: 446px
}
.listForfait li .details a.image {
border: 1px solid transparent;
width: 431px;
height: 85px;
display: block;
margin-bottom: 10px
}
.listForfait li .details a.image:hover {
border: 1px solid #a7c8e7
}
.listForfait li {
background: #e1ebf3 none;
padding: 0 !important;
margin: 0 0 10px !important
}
.listForfait li .details {
background: transparent url(../_ui/images/bg/dots-h.png) repeat-x 0 100%;
margin: 0 6px
}
.listForfait a.read-more, .listForfait a.read-less {
display: block;
margin-top: 15px
}
.listForfait li .top {
background: url(../_ui/images/bg/memberTop.gif) no-repeat;
height: 7px;
width: 446px
}
.listForfait li .bottom {
background: url(../_ui/images/bg/memberBottom.gif) no-repeat;
height: 8px;
width: 446px
}
.listing li.last {
background: #FFF
}
.listing li .marker {
position: absolute;
top: -10px;
right: -10px;
display: block;
width: 33px;
height: 35px;
padding-right: 2px;
font-size: 1.18em;
line-height: 35px;
font-weight: bold;
text-align: center;
color: #FFF important
}
.listing li .marker-small, .listing li .marker-small-lightblue, .listing li .marker-small-green {
top: 0;
right: 0;
height: 18px;
width: 18px;
background: url(../_ui/images/ico/marker-small.png) no-repeat
}
.listing li .marker-small-lightblue {
background: url(../_ui/images/ico/marker-small-lightblue.png) no-repeat
}
.listing li .marker-small-green {
background: url(../_ui/images/ico/marker-small-green.png) no-repeat
}
.listing li .marker-lightblue {
background: url(../_ui/images/ico/marker-lightblue.png) no-repeat;
color: #fff
}
.listing li .marker-blue {
background: url(../_ui/images/ico/marker-blue.png) no-repeat
}
.listing .photo {
position: relative;
margin: -3px 0 0 -80px;
padding: 3px;
float: left;
background: transparent url(../_ui/images/bg/photo-shadow.png) no-repeat 0 0;
text-align: center
}
ul.photo4-3 .photo, ul.listForfaits .photo {
background-position: 0 -167px !important;
height: 118px;
margin-left: 10px;
overflow: hidden
}
ul.photoSmall4-3 {
padding-left: 100px !important
}
ul.photoSmall4-3 .photo {
background-position: 0 -344px !important;
margin-left: -100px
}
ul.photoSmall4-3 span.band-small {
height: 60px
}
ul.listForfaits .photo {
left: 10px !important
}
ul.listForfaits .details, ul.listForfaits .options {
margin-left: 155px !important;
margin-right: 20px
}
a.photo266x59 {
display: block;
background: transparent url(../_ui/images/bg/photo-shadow.png) no-repeat 0 -420px;
height: 59px;
padding: 6px 7px;
width: 269px;
overflow: hidden;
margin-bottom: 5px
}
ul.listForfaits li.promo .details {
margin-right: 55px !important
}
ul.listForfaits span.promo {
background: url(../_ui/images/forfaits/PromoBanner.png) left top no-repeat;
display: block;
position: absolute;
top: -1px;
right: 0;
width: 98px;
height: 58px
}
.listing .photo img {
padding: 3px;
border: 1px solid transparent !important
}
/*.listing li.rhspic .photo img { padding: 3px; }*/
.listing li:hover .photo, .listing .photo:hover {
background: none
}
.section-a .listing li:hover .photo img, .section-a .listing .photo:hover img, .section-a .listing a.photo:hover img {
border: 1px solid #ffb500
}
.listing li:hover .photo img, .listing .photo:hover img, .section-b .listing li:hover .photo img, .section-b .photo:hover img {
border: 1px solid #80b9e3 !important
}
.listing .photo img {
display: block
}
.listing h3 {
margin: 0;
font-weight: bold;
color: #6e6e6e
}
.listing h3 a, .section-b .listing h3 a {
color: #5ca4db
}
.listing li h3, .listing li:hover h3 a, .listing h3 a:hover, .section-b .listing li:hover h3 a, .section-b .listing h3 a:hover {
color: #4f99d6;
text-decoration: none
}
.description p {
min-height: 33px
}
.listing .description p {
min-height: 5px
}
.panel_active .listing p {
line-height: 1.27em;
margin: 0 !important;
color: #727272;
padding-bottom: 6px
}
.panel .listing p {
margin-left: 3px
}
.listing-form-intro strong {
margin-left: 3px
}
.listing li:hover p {
color: #4f4f4f
}
ul.listForfaits {
padding: 0 !important
}
ul.listForfaits li .forfaitContent {
background: url(../_ui/images/backSnippet50Bottom.png) left bottom no-repeat;
min-height: 103px;
padding: 0 0 15px
}
ul.listForfaits li.forfait {
background: url(../_ui/images/backSnippet50Top.png) 0 0 no-repeat;
padding-top: 11px;
width: 436px
}
ul.listForfaits .options ul {
background: url(../_ui/images/bg/dots-h.png) repeat-x 0 100%;
height: 23px;
margin-left: 0
}
.listForfaits p.prixForfait, .listForfaits p.endroit {
font-weight: bold;
margin: 0
}
.listForfaits p.prixForfait {
color: #909090;
margin-bottom: 5px
}
.listForfaits p.zoneGeo {
color: #909090;
margin: 0 0 5px
}
.listForfaits p.type {
color: #3c3c3c;
margin: 5px 0
}
.listForfaits p.desc {
color: #727272
}
.listForfaits .options {
height: 24px !important
}
.listForfaits .options a {
padding: 6px 10px 2px 28px !important
}
.listForfaits p.prix {
color: #4173a2 !important;
width: 130px;
float: left;
margin-right: 5px;
margin-bottom: 0
}
.listForfaits p.prix strong {
color: #727272 !important;
display: block;
text-align: left
}
.listForfaits p.prix span.cost {
font-size: 1.8em;
margin-left: 10px
}
.listForfaits .optionsRight {
margin: 10px 0 0 5px !important;
width: 135px
}
.listForfaits .optionsRight ul {
width: 135px
}
.listForfaits .options ul li.first {
margin-left: -8px
}
.listing p.date {
margin: 0;
padding: 0;
font-size: 0.9em;
font-weight: bold
}
.listing p.category {
margin: 0;
color: #464646
}
.listing p.event {
margin: 0 0 3px 0;
font-size: 1.09em;
font-weight: bold
}
.listing p.author {
margin: 0 0 3px 0;
font-size: 1.36em;
font-weight: bold
}
.listing p.event a {
color: #235d8b
}
.listing p.author a {
color: #235d8b
}
.listing p.published {
margin: 0
}
.listing p.published em {
color: #4173a2
}
.listing li:hover a.read-more {
color: #326694
}
.listing .options {
margin: 5px 0 0;
height: 22px;
overflow: hidden;
background: transparent url(../_ui/images/bg/dots-h.png) repeat-x 0 0
}
.listing .options ul {
margin: 0 0 0 -8px;
padding: 0
}
.listing .options li {
padding: 0;
float: left;
background: transparent url(../_ui/images/bg/dots-v.png) repeat-y 0 1px
}
.listing .options li:first-child, .listing .options li.first {
background: none
}
.listing .options li:after {
clear: none
}
.listing .options a {
display: block;
padding: 4px 10px 2px 28px;
background: transparent no-repeat 8px 4px
}
.promo a.removecart, .vos_favoris a.removecart {
display: block;
padding: 4px 10px 2px 20px;
background: transparent no-repeat 0 0;
background-image: url(../_ui/images/ico/removephoto.png);
background-position: 0 3px;
color: #F34523 !important
}
.vos_favoris a.removecart {
position: absolute;
right: 15px;
margin-top: -35px
}
.listing .options a.add-to-favorites {
background-image: url(../_ui/images/ico/fav.png);
background-position: 8px 3px;
color: #d44b4b;
text-decoration: none !important
}
.listMembre .options a.add-to-favorites {
padding: 4px 5px 2px 28px
}
.listing .options a.addtocart {
background-image: url(../_ui/images/ico/add.png);
background-position: 8px 3px;
color: #83aa29
}
.listing .options a.removecart {
background-image: url(../_ui/images/ico/removephoto.png);
background-position: 8px 3px;
color: #f34523
}
.listing .options a.zoom {
background-image: url(../_ui/images/ico/zoom.png);
background-position: 8px 3px;
color: #3d6fa4
}
.listing .options a.view-map, .listing .options a.view-details {
background-image: url(../_ui/images/ico/go.png);
color: #f99118;
text-decoration: none !important
}
.listing .options a.view-member {
color: #3a6fa1;
text-decoration: none !important;
background: transparent url(../_ui/images/ico/goBleu.png) no-repeat 5px 4px;
padding: 4px 5px 2px 25px
}
.listing .options li.first a.view-member {
background-position: 10px 4px;
padding: 4px 5px 2px 28px
}
.listing .options a.icoForfait {
color: #F7790B;
text-decoration: none !important;
background: transparent url(../_ui/images/ico/go.png) no-repeat 10px 4px
}
.listing .options a.icoForfaitYellow {
color: #deb31b;
text-decoration: none !important;
background: transparent url(../_ui/images/ico/go-yellow.png) no-repeat 10px 4px
}
.listing .options a.download {
background-image: url(../_ui/images/ico/download.png);
color: #235d8b
}
.listing .options a.download span {
color: #808080
}
/* ancien jaune
.listing .options a.reserve
{
background-image: url(../_ui/images/ico/next.png);
color: #f88511;
text-decoration: none !important;
}*/
.listing .options a.reserve {
background-image: url(../_ui/images/ico/next-vert.png);
color: #468308;
text-decoration: none !important
}
.listing .featured {
margin: 0 0 0 -80px;
padding-bottom: 8px
}
fieldset .listing.view-1 {
padding-left: 130px
}
.listing.view-1 {
padding-left: 145px
}
.listing.view-1 .photo {
position: relative;
margin-left: -145px;
margin-bottom: -4px;
background-position: 0 -73px
}
ul.listNoPhoto .photo {
display: none
}
ul.listNoPhoto {
padding-left: 0 !important
}
.section-highlight .listing.view-1 {
padding-left: 160px
}
.listing-view-2 {
padding-left: 0
}
body .listing-view-2 li {
background: none;
padding-top: 5px
}
.listing-view-2 li .photo {
background: url(../_ui/images/bg/photo-frame-shadow.png) no-repeat !important;
padding: 0 0 7px;
margin: 0
}
.listing-view-2 li .photo img {
width: 137px;
height: 88px;
padding: 4px 5px;
border: none !important
}
.listing-view-2 li a.photo:hover img {
border: none !important
}
.listing-view-2 li .description {
float: right;
width: 275px;
padding-top: 10px
}
.listing-view-2 li h3 {
text-indent: 6px;
background: url(../_ui/images/bullets/arrow-blue.png) 0 5px no-repeat;
font-size: 1.09em
}
.listing-view-2 li h3 strong {
font-size: 1.16em
}
.listing-plain {
padding-bottom: 15px;
clear: both
}
.listing-plain li {
margin-left: -68px;
padding-bottom: 10px;
padding-top: 5px
}
.listing-plain li h3, .listing-plain li h4 {
background: url(../_ui/images/bullets/arrow-light-orange-bullet.png) 4px 7px no-repeat;
margin-left: -12px;
padding-left: 12px
}
.section-b .listing-plain li h3, .section-b .listing-plain li h4 {
background-image: url(../_ui/images/bullets/arrow-blue.png)
}
.listing-plain li h4 {
font-size: 1.27em
}
.listing-plain li h4 a {
color: #5ca4db
}
.listing-plain li h4 a:hover {
color: #4f99d6;
text-decoration: none
}
.header-listing h2 {
margin: 0 0 8px
}
.header-listing h2 em {
font-style: normal
}
.header-listing a.back {
position: relative;
top: -25px;
padding: 0 0 0 10px;
display: block;
float: right;
background: transparent url(../_ui/images/btn/back.png) no-repeat 0 -15px;
color: #FFF;
font-weight: bold;
font-size: 0.909em;
line-height: 11px
}
.header-listing a.back span {
display: block;
padding: 1px 15px 3px 5px;
background: transparent url(../_ui/images/btn/back.png) no-repeat 100% 0
}
.header-listing p {
font-size: 1.08em;
margin: 8px 0;
clear: both
}
.header-listing .details {
background: transparent url(../_ui/images/bg/dots-h.png) repeat-x 0 0
}
.header-listing .details p {
font-size: 1em
}
.header-listing .details .results {
margin: 0;
padding: 6px 6px 6px 0;
float: left;
color: #f7790b;
font-size: 1.091em;
line-height: 1.3em;
font-weight: bold
}
.header-listing .details .results em {
font-style: normal;
font-size: 1.333em;
line-height: 1.3em
}
.header-listing .details .sort {
padding: 4px 0 0 8px;
float: right;
background: transparent url(../_ui/images/bg/dots-v.png) repeat-y 0 0;
/**ajout**/
/**padding: 4px 22px 0 8px;
/**fin**/
}
.header-listing .details .sort h3 {
margin: 0 3px 0 0;
float: left;
font-size: 1em;
line-height: 25px;
font-weight: normal
}
.header-listing .details .sort .select {
float: left
}
.categories {
position: relative
}
.categories h3 {
font-size: 1.636em;
line-height: 1.3em;
font-weight: normal
}
.categories .choose-category {
width: 300px;
margin: 4px -4px;
position: relative
}
.categories .choose-category h4 {
padding: 8px 120px 8px 14px;
position: relative;
height: 12px;
background: transparent url(../_ui/images/bg/choose-category.png) no-repeat 0 0;
color: #ff5704;
font-weight: bold;
font-size: 1em;
line-height: 12px;
cursor: pointer
}
.categories .choose-category p {
position: absolute;
top: 8px;
right: 36px;
font-size: 0.909em;
line-height: 11px;
font-weight: bold
}
.categories .choose-category p em {
color: #ff5704;
font-style: normal
}
.categories .choose-category ul {
margin: 0;
padding: 0 6px 10px 5px;
width: 270px;
font-size: 1.182em;
line-height: 1.3em;
position: absolute;
z-index: 1000;
left: -1000em;
top: 28px;
background: transparent url(../_ui/images/bg/choose-category-dd.png) no-repeat 0 100%
}
#wrapper .categories .choose-category li {
margin: 0;
padding: 0;
background: none
}
.categories .choose-category li a {
border-top: 1px solid #d5d5d5;
display: block;
padding: 5px 0 5px 22px;
color: #707070;
background: #FFF url(../_ui/images/bullets/arrow-orange-bullet.png) no-repeat 12px 50%
}
.categories .choose-category li a:hover {
background-color: #fcac1e;
background-image: url(../_ui/images/bullets/arrow-white.png);
color: #FFF;
text-decoration: none
}
.categories .choose-category li:first-child a, .categories .choose-category li.first a {
border-top: 0
}
.categories .choose-category-hover h4, .categories .choose-category:hover h4 {
background-position: 0 -28px
}
.categories .choose-category-hover ul, .categories .choose-category:hover ul {
left: 0
}
.wide-prolistings {
margin: 33px 0 0 -2px
}
.wide-prolistings .two-cols {
padding: 5px 0 0 16px;
margin: 4px 0 0 -16px;
background: url(../_ui/images/bg/panels.png) top left no-repeat
}
.wide-prolistings h2 {
color: #3876b1
}
.wide-prolistings .two-cols .col1 {
float: left;
width: 434px
}
.wide-prolistings .two-cols .col2 {
float: right;
width: 434px
}
.wide-results {
width: 442px;
margin-left: -4px
}
.wide-results .wide-prolistings .listing {
width: 442px
}
.wide-results .wide-prolistings .slide {
width: 442px
}
.wide-results .wide-prolistings {
margin: 0;
overflow: visible
}
.wide-results .listing_pro li {
margin: 0 4px 5px
}
.wide-results .listing_pro li h3 {
background: url(../_ui/images/ico/marker-small.png) 0 0 no-repeat;
padding: 2px 0 2px 22px
}
.listing_pro {
margin: 0;
padding: 0
}
.listing_pro li {
margin: 0 0 13px 0
}
/*.listing_pro li.rhspic .head, .listing_pro li.rhspic .description
{
margin-right: 137px;
}*/
.listing_pro li .head h3 {
font-size: 1.18em;
line-height: 1.15em;
margin: 0 0 6px 0
}
.listing_pro li .description h4 {
font-size: 1em;
line-height: 1.36em;
margin: -4px 0 4px 0;
font-weight: normal;
color: #404040
}
.listing_pro li .photo {
float: right;
margin: -3px -4px -4px 4px;
background-position: 0 -73px
}
.listing_pro li .description .photo {
float: none;
display: block;
width: 441px;
height: 95px;
overflow: hidden;
background-position: 0 -167px;
margin: 7px -4px 0 -4px;
padding: 3px;
position: relative;
text-align: center
}
.listing_pro li .description .photo img {
width: 425px;
height: 79px;
/*width: 439px;
height: 93px;*/
}
.listing_pro li .description a.read-more {
white-space: nowrap
}
.listing_pro li .options {
clear: both
}
.calendar .picker {
float: left
}
.calendar a.calendrier {
float: left;
color: #fff;
display: block;
width: 77px;
height: 15px;
overflow: hidden;
margin: 0 10px 0 0;
font-size: 0.9em;
line-height: 15px;
font-weight: bold;
white-space: nowrap;
background-image: url(../_ui/images/btn/calendrierl.png);
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
text-align: center
}
.calendar a.calendrier span {
float: left;
padding-left: 13px;
height: 15px;
line-height: 15px;
background: url(../_ui/images/bullets/arrow-white-bot.png) 6px 6px no-repeat
}
.calendar a.calendrier:hover {
background-position: 0 -15px;
text-decoration: none
}
.calendar a.calendrier_open {
background-position: 0 -15px
}
.calendar a.to {
margin-right: 0
}
.calendar a.calendrier_open span {
background: url(../_ui/images/bullets/arrow-white-top.png) 6px 6px no-repeat
}
.calendar input {
position: absolute;
visibility: hidden
}
.calendar label {
float: left;
margin-right: 3px;
color: #686868
}
.calendar .selection {
font-size: 0.9em;
margin-right: 4px
}
.calendar .modifier {
margin: 0
}
.calendar .selection, .calendar .picker {
display: none
}
.show_selection .selection, .show_picker .picker {
display: inline
}
.ui-datepicker {
z-index: 300
}
.lightbox-loader {
background: url(../_ui/images/bg/lightbox-loader-top.png) 50% 0 no-repeat;
height: 100%;
left: 0;
padding: 5px 5px 0;
position: absolute;
text-align: center;
top: 0;
width: 940px;
z-index: 99
}
.lightbox-loader .lightbox-loader-inner {
background: url(../_ui/images/bg/lightbox-loader-mask.png);
height: 100%
}
.lightbox-loader .lightbox-loader-box {
background: url(../_ui/images/bg/lightbox-loader-shadow.png) 50% 270px no-repeat;
height: 87px;
padding-top: 290px
}
.lightbox-loader h3 {
display: block;
font-size: 2.18em;
font-weight: 300;
padding: 0 0 31px;
background: url(../_ui/images/bg/ajax-loader.gif) 50% 100% no-repeat
}
.steps-list {
clear: both
}
.steps-list li {
position: relative;
padding: 6px 20px 8px 40px;
margin-bottom: 0;
background: url(../_ui/images/bg/dots-h.png) 0 100% repeat-x;
font-size: 1.09em;
color: #494949
}
.steps-list li li {
font-size: 1em
}
.steps-list li span {
background: url(../_ui/images/bullets/steps-list.png) 0 0 no-repeat;
display: block;
width: 24px;
height: 25px;
line-height: 25px;
text-align: center;
position: absolute;
top: 10px;
left: 5px;
font-size: 1.41em;
font-weight: bold;
color: #fff;
padding-left: 1px
}
.steps-list li a {
color: #f7790b;
font-weight: bold;
text-decoration: none !important
}
body.pro .secondary-content .section-a div.section-contact p, body.pro .section-a div.section-contact p {
font-weight: normal;
margin: auto;
font-size: 1.09em
}
body.pro .secondary-content .section-a div.section-contact ul li {
font-weight: normal;
font-size: 1em
}
.section-contact .person {
padding-bottom: 10px;
margin-bottom: 10px;
background: url(../_ui/images/bg/dots-h.png) repeat-x bottom
}
body .section-contact .last {
background: none
}
.section-contact .person .image {
border: 1px solid #DDD;
float: left;
height: 86px;
padding: 4px;
width: 100px
}
.section-contact .person .details {
float: right;
width: 180px;
margin-right: -13px
}
.layout-a .section-contact .person .details {
width: 320px
}
.section-contact .person .details h4 {
font-size: 1.36em;
font-weight: bold
}
body.promouvoir .section-contact .person .details h4 {
color: #7FB308
}
.section-contact .person .details h5 {
font-size: 1.09em;
font-weight: normal;
font-style: italic;
color: #3d3d3d
}
.section-contact .person .details ul {
padding-top: 6px;
padding-left: 3px;
font-size: 1.09em;
color: #575757
}
.section-contact .person .details ul li, body.promouvoir .section-contact .person .details ul li {
background-image: url(../_ui/images/bullets/arrow-light-orange-bullet.png);
background-position: 0 5px;
background-repeat: no-repeat;
padding-left: 7px
}
body.promouvoir .section-contact .person .details ul li, body.promouvoir .section-contact a.read-more {
background-image: url(../_ui/images/bullets/arrow-green.png)
}
.section-contact .person .details a, body.promouvoir .section-contact .person .details a {
color: #ff6d00;
text-decoration: underline
}
body.promouvoir .section-contact .person .details a, body.promouvoir .section-contact a.read-more {
color: #7FB308
}
.section-contact .person .details a:hover, body.promouvoir .section-contact .person .details a:hover {
text-decoration: none
}
.contact-columns {
margin: 15px -30px 0 0
}
.contact-columns .person {
width: 120px;
margin-right: 30px;
float: left
}
.contact-columns .person .details h4 {
font-size: 1.18em;
font-weight: bold
}
.contact-columns .person .details h5 {
font-size: 1em;
font-weight: normal;
font-style: italic;
color: #3d3d3d
}
.contact-columns .person .details ul {
padding-top: 6px;
padding-left: 3px;
font-size: 1em;
color: #575757
}
.contact-columns .person .details ul li {
background: url(../_ui/images/bullets/arrow-light-orange-bullet.png) 0 5px no-repeat;
padding-left: 7px
}
.contact-columns .person .details a {
color: #ff6d00;
text-decoration: underline
}
.contact-columns .person .details a:hover {
text-decoration: none
}
div#fancy-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #666;
display: none;
z-index: 30
}
* html div#fancy-overlay {
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight?document.body.scrollHeight: document.body.offsetHeight + "px")
}
div#fancy-wrap {
text-align: left
}
div#fancy-loading {
position: absolute;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
overflow: hidden;
background: transparent;
z-index: 100
}
div#fancy-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url(../_ui/images/fancybox/fancy-progress.png) no-repeat
}
div#fancy-loading_overlay {
position: absolute;
background-color: #FFF;
z-index: 30
}
div#fancy-loading_icon {
position: absolute;
background: url(../_ui/images/fancybox/fancy-loading.gif) no-repeat;
z-index: 35;
width: 16px;
height: 16px
}
div#fancy-outer {
position: absolute;
top: 0;
left: 0;
z-index: 90;
padding: 18px 18px 33px 18px;
margin: 0;
overflow: hidden;
background: transparent;
display: none
}
div#fancy-inner {
position: relative;
width: 100%;
height: 100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #FFF;
border: 3px solid #fff
}
div#fancy-content {
margin: 0;
z-index: 185;
position: absolute
}
div#fancy-div {
background: #000;
color: #FFF;
height: 100%;
width: 100%;
z-index: 100
}
body.seloger div#fancy-div {
background: transparent
}
img#fancy-img {
position: absolute;
top: 0;
left: 0;
border: 0;
padding: 0;
margin: 0;
z-index: 100;
width: 100%;
height: 100%
}
div#fancy-close {
position: absolute;
top: -12px;
right: -15px;
height: 30px;
width: 30px;
background: url(../_ui/images/fancybox/fancy-closebox.png) top left no-repeat;
cursor: pointer;
z-index: 184;
display: none
}
#fancy-frame {
position: relative;
display: none;
/*overflow:hidden !important;*/
height: auto;
width: auto
}
#fancy-ajax {
width: 100%;
height: 100%;
overflow: auto
}
a#fancy-left, a#fancy-right {
position: absolute;
bottom: 0;
height: 90%;
width: 35%;
cursor: pointer;
z-index: 186;
display: none;
background-image: url("../_ui/css/data:image/gif;base64,AAAA");
outline: none
}
a#fancy-left {
left: 0
}
a#fancy-right {
right: 0
}
span.fancy-ico {
position: absolute;
top: 50%;
margin-top: -25px;
width: 30px;
height: 30px;
z-index: 186;
cursor: pointer;
display: block
}
span#fancy-left-ico {
left: -9999em;
background: transparent url(../_ui/images/fancybox/fancy-left.png) no-repeat
}
span#fancy-right-ico {
right: -9999em;
background: transparent url(../_ui/images/fancybox/fancy-right.png) no-repeat
}
a#fancy-left:hover {
visibility: visible
}
a#fancy-right:hover {
visibility: visible
}
a#fancy-left:hover span {
left: 20px
}
a#fancy-right:hover span {
right: 20px
}
.fancy-bigIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent
}
div#fancy-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
overflow: hidden
}
div.fancy-bg {
position: absolute;
display: block;
z-index: 70;
border: 0;
padding: 0;
margin: 0
}
div.fancy-bg-n {
top: -20px;
width: 100%;
height: 18px;
background: transparent url(../_ui/images/fancybox/fancy-shadow-n.png) repeat-x
}
div.fancy-bg-ne {
top: -20px;
right: -15px;
width: 15px;
height: 20px;
background: transparent url(../_ui/images/fancybox/fancy-shadow-ne.png) top right no-repeat
}
div.fancy-bg-e {
right: -15px;
height: 100%;
width: 13px;
background: transparent url(../_ui/images/fancybox/fancy-shadow-e.png) repeat-y
}
div.fancy-bg-se {
bottom: -20px;
right: -15px;
width: 15px;
height: 20px;
background: transparent url(../_ui/images/fancybox/fancy-shadow-se.png) bottom right no-repeat
}
div.fancy-bg-s {
bottom: -20px;
width: 100%;
height: 18px;
background: transparent url(../_ui/images/fancybox/fancy-shadow-s.png) repeat-x
}
div.fancy-bg-sw {
bottom: -20px;
left: -15px;
width: 15px;
height: 20px;
background: transparent url(../_ui/images/fancybox/fancy-shadow-sw.png) no-repeat bottom left
}
div.fancy-bg-w {
left: -15px;
height: 100%;
width: 13px;
background: transparent url(../_ui/images/fancybox/fancy-shadow-w.png) repeat-y
}
div.fancy-bg-nw {
top: -20px;
left: -15px;
width: 15px;
height: 20px;
background: transparent url(../_ui/images/fancybox/fancy-shadow-nw.png) top left no-repeat
}
div#fancy-title {
position: absolute;
bottom: -33px;
left: 0;
width: 100%;
z-index: 100;
display: none
}
div#fancy-title div {
color: #FFF;
font: bold 12px Arial;
padding-bottom: 3px
}
div#fancy-title table {
margin: 0 auto
}
div#fancy-title table td {
padding: 0;
vertical-align: middle
}
td#fancy-title-left {
height: 32px;
width: 15px;
background: transparent url(../_ui/images/fancybox/fancy-title-left.png) repeat-x
}
td#fancy-title-main {
height: 32px;
background: transparent url(../_ui/images/fancybox/fancy-title-main.png) repeat-x
}
td#fancy-title-right {
height: 32px;
width: 15px;
background: transparent url(../_ui/images/fancybox/fancy-title-right.png) repeat-x
}
#background {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: auto
}
#background div {
background: url(../_ui/images/bg/degradePhoto.png) repeat-x;
height: 40px;
width: 100%;
position: absolute;
bottom: 0;
z-index: 2
}
/* Enlever le commentaire pour afficher le rideau
*/
body.rideau #wrapper div.rideau {
display: none;
background: url(../_ui/images/foulard.png) no-repeat;
height: 602px;
width: 540px;
position: fixed;
top: 0;
left: 0
}
#background img {
width: 100%;
height: auto;
min-width: 815px
}
#wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
padding-bottom: 15px;
background: url(../_ui/images/bg/body.png) center 475px repeat-x fixed
}
#page {
position: relative;
width: 950px;
margin: 0 auto;
text-align: left;
z-index: 2
}
#header_container {
position: relative;
width: 950px;
margin: 0 auto;
text-align: left;
z-index: 5
}
.gallery_link_container {
position: relative;
z-index: 3
}
#main {
float: left;
width: 950px;
position: relative;
z-index: 10;
margin-top: -3px;
padding-top: 10px;
margin-bottom: 0;
background: url(../_ui/images/bg/container-top.png) top left no-repeat
}
#container {
float: left;
width: 950px;
background: url(../_ui/images/bg/container-repeat.png) top left repeat-y;
height: 100%
}
#inner {
float: left;
width: 895px;
padding: 10px 27px 20px 28px
}
#inner.tabs {
width: 930px;
padding: 0 10px 20px 10px
}
#inner.tabs .tabs-head, #inner.tabs .tabs-head2 {
height: 53px;
padding-left: 5px;
background: url(../_ui/images/bg/tabs-head.png) top center no-repeat
}
#inner.tabs .tabs-head2 {
background: url(../_ui/images/bg/tabs_head2.png) top center no-repeat
}
#inner.tabs .tabs-head-alt {
background: url(../_ui/images/bg/tabs-head-alt.png) top center no-repeat;
height: 68px
}
#inner.tabs .tabs-head-alt-actions {
background: url(../_ui/images/bg/tabs-head-alt-actions.png) top center no-repeat
}
#inner.tabs .tabs-head-alt ul.tabs {
padding-top: 13px
}
#inner.tabs .tabs-wrapper {
width: 895px;
margin-left: 6px;
padding: 0 12px 8px 17px;
background: url(../_ui/images/bg/tabs-wrapper.png) bottom center no-repeat
}
#inner.tabs .tabs-wrapper .sidebar-padd {
margin-top: 117px
}
.content, .contentMomentum {
display: inline;
width: 585px;
float: left
}
.formPhotoContent {
float: none;
width: auto
}
.content-wide {
width: auto;
float: none;
clear: both
}
.content .main-content {
width: 285px;
float: left
}
.content .secondary-content {
width: 285px;
float: right
}
.sidebar {
display: inline;
width: 285px;
float: right
}
.layout-a .content {
width: 430px
}
.layout-a .sidebar {
width: 430px
}
.layout-b .content {
width: 285px;
margin: 0 15px 0 0
}
.serendre .content {
width: 282px
}
.layout-b .sidebar {
width: 285px;
float: left
}
.serendre .sidebar {
width: 282px
}
.layout-b .sidebar-b {
width: 285px;
float: right
}
.serendre .sidebar-b {
width: 302px
}
.layout-c .content {
width: 535px
}
.layout-c .sidebar {
width: 325px
}
.layout-d .content {
display: block;
width: auto;
float: none
}
.dev, .dev li {
outline: 2px dotted #f00
}
.dev-body {
margin: 2em 0
}
.template_def, .template {
display: none !important
}
#ctl00_uclSiteTopMenu_header {
position: fixed;
top: 0;
z-index: 100
}
#page {
padding-top: 382px
}
h1.site-name a {
margin: 0 1em 0 0;
display: block;
width: 186px;
height: 114px;
overflow: hidden;
background: transparent url(../_ui/images/quebec-ville-et-region.png) no-repeat 0 0;
text-align: left;
text-indent: -1000em;
position: absolute;
left: -19px;
top: 50px
}
#ctl00_uclSiteTopMenu_header {
height: 35px
}
#ctl00_uclSiteTopMenu_header .nav-top {
position: absolute;
left: -1px;
top: 0;
width: 545px;
height: 35px;
padding-left: 10px;
background: url(../_ui/images/bg/nav-top.png) no-repeat
}
#ctl00_uclSiteTopMenu_header.alt .nav-top {
width: 611px
}
#ctl00_uclSiteTopMenu_header.alt-media .nav-top {
width: 564px
}
#ctl00_uclSiteTopMenu_header.alt-zone .nav-top {
width: 591px
}
#ctl00_uclSiteTopMenu_header .nav-site, #ctl00_uclSiteTopMenu_header .nav-user {
float: left;
font-size: 0.909em;
line-height: 28px;
position: relative
}
#ctl00_uclSiteTopMenu_header .nav-user {
margin-right: -16px;
z-index: 1000
}
#ctl00_uclSiteTopMenu_header .nav-site em, #ctl00_uclSiteTopMenu_header .nav-user em {
position: absolute;
left: -1000em;
text-align: left
}
#ctl00_uclSiteTopMenu_header .nav-site ul, #ctl00_uclSiteTopMenu_header .nav-user ul {
height: 30px;
margin: 0;
padding: 0
}
#ctl00_uclSiteTopMenu_header .nav-user ul {
padding-left: 39px;
background: url(../_ui/images/bg/nav-user.png) no-repeat
}
#ctl00_uclSiteTopMenu_header.alt .nav-user ul {
padding-left: 30px
}
#ctl00_uclSiteTopMenu_header .nav-site ul li, #ctl00_uclSiteTopMenu_header .nav-user ul li {
background: url(../_ui/images/bullets/nav-top-divider.png) 0 9px no-repeat;
list-style: outside none none
}
#ctl00_uclSiteTopMenu_header .nav-site ul li.first, #ctl00_uclSiteTopMenu_header .nav-user ul li.first {
background: none
}
#ctl00_uclSiteTopMenu_header .nav-site {
margin-right: 0;
z-index: 1001
}
#ctl00_uclSiteTopMenu_header .nav-site li, #ctl00_uclSiteTopMenu_header .nav-user li {
float: left
}
#ctl00_uclSiteTopMenu_header .nav-site li {
position: relative;
left: 10px
}
#ctl00_uclSiteTopMenu_header .nav-site li.nous-joindre {
position: relative;
z-index: 2;
background: none;
margin-left: 5px
}
#ctl00_uclSiteTopMenu_header .nav-site li.nous-joindre a {
padding-left: 0
}
#ctl00_uclSiteTopMenu_header .nav-site a, #ctl00_uclSiteTopMenu_header .nav-user a {
display: block;
padding: 0 8px;
color: #4e4e4e
}
#ctl00_uclSiteTopMenu_header.alt .nav-site a {
padding: 0 6px
}
#ctl00_uclSiteTopMenu_header.alt .nav-user a {
padding: 0 5px
}
#ctl00_uclSiteTopMenu_header .nav-user a {
padding: 0 8px
}
#ctl00_uclSiteTopMenu_header .nav-site li.first {
position: relative;
left: 0;
z-index: 1;
width: 80px;
height: 28px
}
#ctl00_uclSiteTopMenu_header.alt .nav-site li.first {
width: 195px
}
#ctl00_uclSiteTopMenu_header.alt-media .nav-site li.first {
width: 120px
}
#ctl00_uclSiteTopMenu_header.alt-zone .nav-site li.first {
width: 161px
}
#ctl00_uclSiteTopMenu_header .nav-site li.first a {
position: absolute;
top: 0;
left: -5px;
z-index: 1;
width: 93px;
height: 30px;
padding: 0 0 0 13px;
background: url(../_ui/images/bg/header_accueil.png) top left no-repeat;
color: #fff;
font-weight: bold
}
#ctl00_uclSiteTopMenu_header.alt .nav-site li.first a {
background: url(../_ui/images/bg/header_accueil-alt.png) top left no-repeat;
width: 208px
}
#ctl00_uclSiteTopMenu_header.alt-media .nav-site li.first a {
background: url(../_ui/images/bg/header_accueil-media.png) top left no-repeat;
width: 129px
}
#ctl00_uclSiteTopMenu_header.alt-zone .nav-site li.first a {
background: url(../_ui/images/bg/header_accueil-zone.png) top left no-repeat;
width: 170px
}
#ctl00_uclSiteTopMenu_header .nav-site li.first a:hover {
color: #fff
}
#ctl00_uclSiteTopMenu_header .nav-site a:hover, #ctl00_uclSiteTopMenu_header .nav-user a:hover {
text-decoration: underline;
color: #2574b7
}
#ctl00_uclSiteTopMenu_header .nav-site a.active, #ctl00_uclSiteTopMenu_header .nav-user a.active, #ctl00_uclSiteTopMenu_header .nav-site a.active:hover, #ctl00_uclSiteTopMenu_header .nav-user a.active:hover {
font-weight: bold;
color: #2574b7;
text-decoration: none;
cursor: default
}
#ctl00_uclSiteTopMenu_header .nav-site .dropdown, #ctl00_uclSiteTopMenu_header .nav-user .dropdown {
position: relative
}
#ctl00_uclSiteTopMenu_header .nav-site .dropdown a.trigger, #ctl00_uclSiteTopMenu_header .nav-user .dropdown a.trigger {
padding-right: 22px;
background: url(../_ui/images/ico/head-dropdown.png) right center no-repeat
}
#ctl00_uclSiteTopMenu_header .nav-site .dropdown .drop, #ctl00_uclSiteTopMenu_header .nav-user .dropdown .drop {
position: absolute;
top: 27px;
left: -9999em;
width: 177px;
padding: 0 0 18px 0;
background: url(../_ui/images/bg/recherce-ops-bottom.png) bottom left no-repeat
}
#ctl00_uclSiteTopMenu_header .nav-site .dropdown:hover .drop, #ctl00_uclSiteTopMenu_header .nav-user .dropdown:hover .drop {
left: -15px
}
#ctl00_uclSiteTopMenu_header .nav-user .dropdown .drop a {
font-size: 1.2em
}
#ctl00_uclSiteTopMenu_header .search {
position: absolute;
left: 554px;
top: 0;
width: 230px;
height: 35px;
background: url(../_ui/images/bg/search.png) no-repeat
}
#ctl00_uclSiteTopMenu_header.alt .search {
background: url(../_ui/images/bg/search-alt.png) no-repeat;
left: 620px;
width: 334px
}
#ctl00_uclSiteTopMenu_header.alt-media .search {
background: url(../_ui/images/bg/search-media.png) no-repeat;
left: 573px;
width: 381px
}
#ctl00_uclSiteTopMenu_header.alt-zone .search {
background: url(../_ui/images/bg/search-zone.png) no-repeat;
left: 600px;
width: 354px
}
#ctl00_uclSiteTopMenu_header .search label {
position: absolute;
left: -9999em
}
#ctl00_uclSiteTopMenu_header .search .rechercheInput {
background: transparent url(../_ui/images/bg/search-input.png) no-repeat;
margin-left: 35px
}
#ctl00_uclSiteTopMenu_header .search input#search-query {
/*/position: absolute;*/
left: 35px;
top: 0;
width: 148px;
height: 14px;
/*14*/
border: none;
padding: 8px 10px 9px 14px;
/*8*/
margin: 0;
background: none;
/*background: transparent url(../_ui/images/bg/search-input.png) no-repeat right top;*/
color: #2f6ea8;
outline: none
}
#ctl00_uclSiteTopMenu_header.alt .search .rechercheInput {
background: transparent url(../_ui/images/bg/search-input-alt.png) no-repeat;
margin-left: 35px
}
#ctl00_uclSiteTopMenu_header.alt .search input#search-query {
width: 244px;
/*background: transparent url(../_ui/images/bg/search-input-alt.png) no-repeat right top;*/
/*height: 20px;
height: 28px;/*13*/
background: none;
height: 14px;
padding: 8px 0 9px 14px
}
#ctl00_uclSiteTopMenu_header.alt-media .search .rechercheInput {
background: transparent url(../_ui/images/bg/search-input-media.png) no-repeat;
margin-left: 35px
}
#ctl00_uclSiteTopMenu_header.alt-media .search input#search-query {
width: 291px;
/*background: transparent url(../_ui/images/bg/search-input-media.png) no-repeat right top;*/
padding: 8px 0 9px 14px;
background: none;
height: 14px
}
#ctl00_uclSiteTopMenu_header.alt-zone .search .rechercheInput {
background: url(../_ui/images/bg/search-input-zone.png) no-repeat 0 0 transparent;
margin-left: 35px
}
#ctl00_uclSiteTopMenu_header.alt-zone .search input#search-query {
width: 278px;
/*background: url(../_ui/images/bg/search-input-zone.png) no-repeat 0 0 transparent;*/
background: none
}
#ctl00_uclSiteTopMenu_header .search input.submit {
position: absolute;
left: 207px;
top: 0;
width: 23px;
height: 29px
}
#ctl00_uclSiteTopMenu_header.alt .search input.submit {
left: 293px;
height: 28px
}
#ctl00_uclSiteTopMenu_header.alt-media .search input.submit {
left: 340px
}
#ctl00_uclSiteTopMenu_header.alt-zone .search input.submit {
left: 313px
}
#ctl00_uclSiteTopMenu_header .search .recherce-opts {
display: none;
position: absolute;
top: 35px;
left: 44px;
width: 206px;
padding: 0 0 18px 0;
z-index: 1;
background: url(../_ui/images/bg/recherce-ops-bottom.png) bottom left no-repeat
}
#ctl00_uclSiteTopMenu_header .search .recherce-opts .cont, #ctl00_uclSiteTopMenu_header .drop .cont {
padding: 7px 23px 0 11px;
background: url(../_ui/images/bg/recherce-ops-top.png) top left no-repeat
}
#ctl00_uclSiteTopMenu_header .search .recherce-opts .cont ul, #ctl00_uclSiteTopMenu_header .drop ul {
height: auto;
margin-bottom: -4px;
padding: 0;
background: none
}
#ctl00_uclSiteTopMenu_header .search .recherce-opts .cont ul li, #ctl00_uclSiteTopMenu_header .drop ul li {
float: none;
border-top: 1px solid #e3e3e3;
background: none
}
#ctl00_uclSiteTopMenu_header .search .recherce-opts .cont ul li.first, #ctl00_uclSiteTopMenu_header .drop ul li.first {
border: none
}
#ctl00_uclSiteTopMenu_header .search .recherce-opts .cont ul li a {
display: block;
padding: 7px 0 7px 13px;
font-size: 1.09em;
line-height: 14px;
color: #2f6ea8;
background: url(../_ui/images/bullets/arr-blue-dotted.png) left center no-repeat
}
#ctl00_uclSiteTopMenu_header .search .recherce-opts .cont ul li span {
display: block;
padding: 8px 0 6px 0;
font-size: 1em;
line-height: 14px;
color: #8f8f8f
}
#ctl00_uclSiteTopMenu_header .top-links {
position: absolute;
left: 784px;
top: 0;
width: 210px;
height: 35px;
background: url(../_ui/images/bg/topFav.png) no-repeat
}
#ctl00_uclSiteTopMenu_header.alt .top-links {
background: url(../_ui/images/bg/top-links-alt.png) no-repeat;
top: 35px;
left: 745px;
height: 19px
}
#ctl00_uclSiteTopMenu_header .top-links a {
color: #fff
}
#ctl00_uclSiteTopMenu_header .top-links .plan-trip a:hover {
text-decoration: none
}
#ctl00_uclSiteTopMenu_header .plan-trip {
display: none;
/*width: 164px;
height: 35px;
padding: 2px 0 0 35px;
font-size: 1.545em;
background: url(../_ui/images/bg/topFav.png) no-repeat;
color: #fff;*/
}
#ctl00_uclSiteTopMenu_header .my-favorite {
position: relative;
width: 119px;
height: 18px;
margin: 6px 0 0 35px;
line-height: 16px;
font-size: 0.9em;
font-weight: bold;
background: url(../_ui/images/ico/fav.png) 0 2px no-repeat
}
#ctl00_uclSiteTopMenu_header.alt .my-favorite {
background: url(../_ui/images/bg/my-favorite-alt.png) no-repeat;
margin-top: -3px;
margin-left: 63px;
width: 132px
}
#ctl00_uclSiteTopMenu_header .my-favorite a.trigger {
display: block;
height: 27px;
padding-left: 24px;
background: url(../_ui/images/bullets/arrow-white-on-green.png) right top no-repeat
}
#ctl00_uclSiteTopMenu_header.alt .my-favorite a.trigger {
background: url(../_ui/images/bullets/arrow-white-on-blue.png) right top no-repeat
}
#ctl00_uclSiteTopMenu_header .my-favorites {
display: none;
position: absolute;
top: 26px;
left: -73px;
width: 203px;
height: 110px;
padding-top: 15px;
background: url(../_ui/images/bg/my-favorites-top.png) top left no-repeat
}
#ctl00_uclSiteTopMenu_header.alt .my-favorites {
left: -60px
}
#ctl00_uclSiteTopMenu_header .my-favorites .cont {
padding: 5px 16px 20px 16px;
background: url(../_ui/images/bg/my-favorites-bottom.png) bottom left no-repeat
}
#ctl00_uclSiteTopMenu_header .my-favorites ul.dates li {
clear: both;
margin: 0 0 6px 0
}
#ctl00_uclSiteTopMenu_header .my-favorites ul.dates li strong {
float: left;
width: 85px;
line-height: 14px;
color: #959595
}
#ctl00_uclSiteTopMenu_header .my-favorites ul.dates li a.calendrier {
float: left;
width: 60px;
height: 14px;
padding: 0 3px 1px 22px;
font-size: 10px;
line-height: 14px;
font-weight: bold;
color: #fff;
background: url(../_ui/images/btn/btn-drop.png) no-repeat
}
#ctl00_uclSiteTopMenu_header .my-favorites ul.dates li.picker input.picker-input {
position: absolute;
visibility: hidden
}
#ctl00_uclSiteTopMenu_header .my-favorites a.btn-go {
display: block;
width: 135px;
height: 16px;
overflow: hidden;
padding: 3px 17px 4px 17px;
font-size: 13px;
line-height: 16px;
background: url(../_ui/images/btn/btn-go.png) no-repeat;
color: #fff !important;
text-decoration: none
}
.promo a.commander {
display: block;
width: 183px;
height: 35px;
float: left;
overflow: hidden;
padding: 0 17px;
margin-top: 5px;
font-size: 13px;
line-height: 30px;
background: url(../_ui/images/btn/btnDegradeGreen.gif) no-repeat top left;
color: #fff !important;
text-decoration: none
}
.promo a.commander:hover {
background: url(../_ui/images/btn/btnDegradeGreen.gif) no-repeat bottom left
}
body.safari #ctl00_uclSiteTopMenu_header .my-favorites a.btn-go {
padding-top: 1px;
padding-bottom: 6px
}
#ctl00_uclSiteTopMenu_header .my-favorites a.btn-go:hover {
text-decoration: none
}
.alerte {
position: relative;
z-index: 15;
width: 960px;
margin: -2px -5px -16px -5px;
padding: 0 0 14px 0;
background: url(../_ui/images/bg/alerte-bot.png) bottom center no-repeat
}
.alerte .cont {
position: relative;
padding: 0 20px 0 16px;
background: url(../_ui/images/bg/alerte-top.png) top center no-repeat
}
.alerte .cont h3 {
position: absolute;
top: 23px;
left: 16px;
float: left;
padding: 5px 0 9px 40px;
margin: -14px 0 0 0;
font-size: 22px;
line-height: 22px;
font-weight: normal;
background: url(../_ui/images/ico/alerte.png) left center no-repeat;
color: #fff
}
.alerte .cont .details {
float: right;
width: 735px;
padding: 8px 0 8px 22px;
margin: 0 0 -5px 0;
background: left center no-repeat url(../_ui/images/bg/alerte-shadow.png)
}
.alerte .cont .details p {
margin: 0;
font-size: 1.09em;
line-height: 17px;
color: #fff
}
.alerte .cont .details p strong {
font-size: 1.25em
}
.alerte .cont .details p a.more {
margin-left: 4px;
padding-left: 11px;
display: inline;
white-space: nowrap;
font-weight: bold;
background-image: url(../_ui/images/bullets/dbl-arr.png);
color: #3d5701
}
#gallery_link {
z-index: 9;
position: absolute;
top: 86px;
right: 0;
width: 37px;
color: #FFF
}
#gallery_link.expanded {
top: 53px;
width: 278px;
z-index: 1
}
body.landingPave #gallery_link.expanded {
top: 260px
}
body.autresAudiences #gallery_link.expanded {
top: 230px
}
#gallery_link .details {
padding: 20px 0 0 0;
margin: 0 0 2px 0;
text-align: left;
background: url(../_ui/images/bg/gallery_link-top.png) top left no-repeat
}
#gallery_link .details .cont {
padding: 0 0 4px 10px;
background: url(../_ui/images/bg/gallery_link-bot.png) bottom left no-repeat
}
#gallery_link .details .map {
margin-top: -20px;
float: right;
position: relative;
width: 175px;
height: 142px
}
#gallery_link .details .map .shadow {
position: absolute;
top: 0;
left: 0;
width: 7px;
height: 100%;
background: url(../_ui/images/bg/left-inner-shadow.png) left top repeat-y
}
#gallery_link .details h3 {
position: relative;
top: -10px;
margin: 0 0 -10px 0;
font-size: 1.27em;
line-height: 1em;
font-weight: normal;
color: #fff
}
#gallery_link .details p {
margin: 0 0 8px 0;
line-height: 1.09em
}
#gallery_link .details p.meta {
margin: 0 0 10px 0;
font-size: 0.9em;
line-height: 1.1em
}
#gallery_link .details ul.actions li {
float: left;
margin: 0 3px 4px 0
}
#gallery_link .details ul.actions a {
display: block;
width: 132px;
height: 18px;
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(../_ui/images/btn/gallery_link_action.png);
color: #fff;
text-decoration: none !important
}
#gallery_link .details ul.actions a:hover {
text-decoration: underline
}
#gallery_link .details ul.actions a span {
display: block;
padding: 0 4px 0 16px;
line-height: 18px;
background-position: 6px 6px;
background-image: url(../_ui/images/bullets/arrow-white.png);
background-repeat: no-repeat;
color: #fff
}
#gallery_link .details ul.actions a.voir span {
background-image: url(../_ui/images/bullets/arrow-white.png);
background-position: 8px 6px
}
#gallery_link .details ul.actions a.ajouter span {
padding-left: 22px;
background-image: url(../_ui/images/ico/ajouter.png);
background-position: 3px 2px
}
#gallery_link .details {
visibility: hidden
}
#gallery_link.expanded .details {
visibility: visible
}
#gallery_link .voyez, #gallery_link .forfait, #gallery_link .momentum {
position: absolute;
top: 0;
right: 0;
width: 37px;
height: 300px;
overflow: hidden;
text-indent: -9999em;
text-align: left;
background: url(../_ui/images/btn/gallery_link_ferme.png) top right no-repeat
}
#gallery_link .forfait {
background: url(../_ui/images/btn/btnOffresHivernales.png) top right no-repeat
}
#gallery_link .momentum {
background: url(../_ui/images/momentum/btnCommandeMomentum.png) top right no-repeat
}
#gallery_link .credits {
visibility: hidden
}
body.pro #gallery_link.expanded .voyez, #gallery_link.expanded .forfait, #gallery_link.expanded .momentum, body.autresAudiences #gallery_link.expanded .voyez {
display: block;
/*float: right;*/
position: relative;
top: 0;
left: 0;
z-index: 3;
width: 278px;
height: 48px;
line-height: 48px;
text-align: center;
text-indent: 0;
background: none
}
#gallery_link .voyez {
display: none
}
#gallery_link.expanded .forfait, #gallery_link.expanded .momentum {
/*display:none;*/
height: 38px;
line-height: 38px;
position: absolute;
top: -38px
}
#gallery_link.expanded .voyez span, #gallery_link.expanded .forfait span, #gallery_link.expanded .momentum span {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 278px;
height: 100%;
background: url(../_ui/images/btn/gallery_link_ouvert.png) top left no-repeat
}
#gallery_link.expanded .forfait span {
background: url(../_ui/images/btn/btnOffresHivernalesFr.png) top left no-repeat
}
#gallery_link.expanded .momentum span {
background: url(../_ui/images/momentum/btnCommandeMomentum.png) top left no-repeat
}
#gallery_link.expanded .credits {
visibility: visible;
display: block;
clear: both;
float: right;
padding: 0 8px;
margin: 1px 0;
font-size: 0.9em;
line-height: 17px;
font-style: italic;
color: #b1d15e;
white-space: nowrap;
background: url(../_ui/images/bg/photo-credits.png) left center no-repeat;
white-space: nowrap
}
#nav {
padding: 2px 12px 0;
line-height: 30px;
height: 55px;
font-size: 1.545em;
background: url(../_ui/images/bg/nav.png) center bottom no-repeat;
position: relative;
z-index: 4
}
#nav.alt {
background: url(../_ui/images/bg/nav-alt.png) left bottom no-repeat
}
.opera #nav {
line-height: 34px
}
#nav ul {
margin: 0;
padding: 1px 0 0
}
#nav ul li {
list-style: outside none none
}
#nav a {
text-decoration: none
}
#nav li, #nav a.quicklink {
float: left;
height: 56px
}
#nav li {
height: 56px
}
#nav li a, #nav a.quicklink em {
display: block;
float: left;
height: 56px;
padding-right: 10px;
font-style: normal;
background: url(../_ui/images/bg/nav-item-right.png) 100% -1px no-repeat
}
#nav li a {
height: 54px;
position: relative;
z-index: 20
}
#nav li a em {
display: block;
float: left;
padding: 20px 0 0 10px;
height: 34px;
font-style: normal;
background: url(../_ui/images/bg/nav-item-left.png) 0 -1px no-repeat;
color: #5f5f5f
}
#nav li a em #nav li.last a em {
background: url(../_ui/images/bg/nav-item-left.png) 0 -1px no-repeat;
color: #5F5F5F
}
/*#nav li.last a.vis em {background: url(../_ui/images/bg/nav-item-left-red.png) 0 -1px no-repeat; color:#fff; }*/
#nav li a.hover, #nav li a:hover {
background-position: 100% -55px
}
#nav li a.hover em, #nav li a:hover em, #nav li:hover a em, #nav li.last a.vis:hover em {
background-position: 0 -55px;
color: #fff !important;
padding: 17px 0 3px 10px
}
#nav ul li a.active, #nav ul li a.active:hover {
background-image: url(../_ui/images/bg/nav-item-first-hl-right.png);
background-position: 100% -115px !important
}
#nav ul li a.active em, #nav ul li a.active:hover em {
background-image: url(../_ui/images/bg/nav-item-first-hl-left.png) !important;
background-position: 0 -115px !important;
padding-top: 17px;
padding-bottom: 3px;
color: #fff
}
#nav ul li a.active {
position: relative
}
#nav ul li a.active span.arrow {
width: 100%;
height: 11px;
bottom: -10px;
display: block;
position: absolute;
left: 0;
z-index: 99;
background: url(../_ui/images/bg/subnav-active.png) no-repeat bottom center;
overflow: hidden
}
#nav ul li#nav-quoi-faire a {
position: static
}
#nav ul li.last a {
padding-right: 30px;
background-image: url(../_ui/images/bg/nav-item-last-right.png)
}
/*#nav ul li.last a.vis { background-image: url(../_ui/images/bg/nav-item-last-right-red.png); }*/
#nav ul li.last a:hover {
background-position: 100% -55px !important
}
#nav ul li.last a.active, #nav ul li.last a.active:hover {
background-image: url(../_ui/images/bg/nav-item-last-right.png) !important;
background-position: 100% -55px !important
}
/*#nav ul li#nav-forfaits a.active { background-image: url(../_ui/images/bg/nav-item-last-right-red.png) !important; }
#nav ul li#nav-forfaits a.active em {background: url(../_ui/images/bg/nav-item-left-red.png) 0 -55px !important;}*/
#nav a.quicklink {
display: block;
float: right;
height: 55px;
line-height: 30px;
padding-right: 10px;
color: #5F5F5F;
background: url(../_ui/images/bg/nav-quicklink-right-blanc.png) 100% -1px no-repeat;
position: relative;
z-index: 20
}
#nav a.quicklink em {
float: right;
height: 34px;
padding-left: 30px;
padding-top: 21px;
background: url(../_ui/images/bg/nav-quicklink-left-blanc.png) 0 -1px no-repeat
}
#nav a.quicklink:hover, #nav a.quicklink.active {
background-position: 100% -55px;
color: #fff
}
#nav a.quicklink:hover em, #nav a.quicklink.active em {
background-position: 0 -55px;
padding-top: 18px;
padding-bottom: 3px
}
body.firefox2 #nav a.quicklink {
width: 200px
}
#nav ul li.first {
position: relative;
z-index: 1
}
#nav ul li.first a.active, #nav ul li.show_subnav a.quoi-faire {
background-image: url(../_ui/images/bg/nav-item-first-hl-right.png);
background-position: 100% -2px;
cursor: pointer
}
#nav ul li.first a.active em, #nav ul li.show_subnav a.quoi-faire em {
background-image: url(../_ui/images/bg/nav-item-first-hl-left.png);
background-position: -1px -2px;
cursor: pointer
}
#nav li #ahebergement {
background-image: url(../_ui/images/bg/nav-item-right-hebergement.png) !important
}
#nav li #ahebergement em, #nav ul li a#ahebergement.active em {
background-image: url(../_ui/images/bg/nav-item-left-hebergement.png) !important
}
#nav li.show_subnav #ahebergement em, #nav ul li.show_subnav a#ahebergement.active em {
background-image: url(../_ui/images/bg/nav-item-left-hebergement.png);
background-position: 0 -109px !important;
padding: 17px 20px 3px 10px !important
}
#nav li.show_subnav #ahebergement, #nav ul li.show_subnav a#ahebergement.active {
background-image: url(../_ui/images/bg/nav-item-right-hebergement.png);
background-position: 100% -109px !important
}
#nav ul li a#ahebergement.active {
background-image: url(../_ui/images/bg/nav-item-right-hebergement.png) !important;
background-position: 100% -55px !important
}
#nav ul li a#ahebergement.active em {
background-image: url(../_ui/images/bg/nav-item-left-hebergement.png) !important;
background-position: 0 -55px !important;
padding: 17px 20px 3px 10px
}
#nav ul li.first a em {
padding: 20px 20px 0 10px;
/*width: 91px;*/
text-align: center
}
#nav ul li.first a:hover {
background-position: 100% -55px
}
#nav ul li.first a:hover em {
padding-bottom: 3px;
padding-top: 17px;
background-position: -1px -55px
}
#nav ul li.first:hover a.active, #nav ul li.first a.active:hover {
background-position: 100% -115px
}
#nav ul li:hover a.active em, #nav ul li.first a.active:hover em {
padding-bottom: 3px !important;
padding-top: 17px;
background-position: 0 -115px
}
#nav ul li.show_subnav a.quoi-faire {
background-position: 100% -56px !important
}
#nav ul li.show_subnav a.quoi-faire em {
padding-bottom: 3px;
padding-top: 17px;
background-position: -1px -56px !important;
/*color: #fff;*/
}
#nav .arrow-up {
display: block;
/*float: right;*/
width: 19px;
height: 19px;
overflow: hidden;
margin-top: 25px;
padding: 0;
text-indent: -9999em;
background: url(../_ui/images/bg/nav-up.png) no-repeat;
position: absolute;
top: 0;
right: 10px
}
#nav li:hover .arrow-up, #nav .arrow-up:hover, #nav li.show_subnav .arrow-up, #nav li .activeArrow {
margin-top: 25px !important
}
#nav .arrow-up {
display: none
}
#nav .show_arrow .arrow-up {
display: block;
background-position: 0 0
}
#nav .show_arrow .arrow-up:hover {
background-position: 0 0
}
#nav .show_subnav .arrow-up, #nav .show_subnav .arrow-up:hover {
background-position: 0 -19px
}
#nav-accueil .libelle {
display: none
}
#nav-accueil .icone {
background: url(../_ui/images/btn/nav-accueil.png) no-repeat;
display: block;
width: 17px;
height: 16px;
margin: 6px 0 0 0
}
#nav li a.herbergement em {
padding-right: 20px !important
}
#nav .quoi_faire_subnav, #nav .hebergement_subnav {
position: absolute;
top: -172px;
left: -3px;
z-index: -10;
padding: 52px 9px 0 18px;
width: 860px;
height: 136px;
background: url(../_ui/images/bg/quoi_faire_subnav3.png) 0 9px no-repeat;
color: #FFF
}
#nav .hebergement_subnav {
position: absolute;
top: -208px;
left: 12px;
z-index: -10;
padding: 10px 15px 0;
width: 849px;
height: 216px;
background: url(../_ui/images/reservation/backSubNavHebergement.png) 0 0 no-repeat;
color: #FFF
}
#nav .hebergement_subnav #subnavReservation {
display: inline;
float: left;
font-size: 0.7em;
width: 275px
}
#nav .hebergement_subnav #subnavReservation a {
background: url(../_ui/images/reservation/btnReservation.png) left top no-repeat;
color: #fff;
display: block;
font-size: 0.91em;
font-weight: bold;
height: 24px;
line-height: 22px;
margin-top: 15px;
padding: 0 30px 0 15px;
text-shadow: 1px 1px 0.05em #60931a;
text-transform: uppercase;
width: 224px
}
#nav .hebergement_subnav #subnavReservation a:hover, #nav .hebergement_subnav #subnavPromos a:hover {
background-position: left bottom
}
#nav .hebergement_subnav #subnavPromos {
/*background: url(../_ui/images/reservation/backPromos.png) 0 34px no-repeat;*/
display: inline;
float: left;
font-size: 0.7em;
height: 135px;
margin-left: 20px;
width: 535px
}
#nav .hebergement_subnav #subnavPromos h3 {
margin-bottom: 15px
}
#nav .hebergement_subnav #subnavPromos a {
background: url(../_ui/images/reservation/btnPromos.png) left top no-repeat;
color: #fff;
display: block;
float: none;
font-size: 0.85em;
font-weight: bold;
height: 24px;
line-height: 19px;
margin: 2px 0 0 5px;
padding: 0 15px 0 25px;
text-shadow: 1px 1px 0.05em #fb7902;
text-transform: uppercase;
width: 197px
}
#nav .hebergement_subnav #subnavPromos a.promoHebergement {
background: url(../_ui/images/reservation/btnPromo.png?v=2012-05-31) no-repeat;
height: 62px;
margin: 0;
padding: 0;
text-indent: -9999em;
width: 292px
}
#nav .hebergement_subnav #subnavEtablissements {
color: #fff;
clear: left;
font-size: 0.7em;
line-height: 1.2em
}
#nav .hebergement_subnav #subnavEtablissements p {
color: #fff;
font-size: 1em;
margin: 0;
padding: 0
}
#nav .hebergement_subnav #subnavEtablissements a {
background: none;
color: #fff;
display: inline;
float: none;
font-size: 1.25em;
height: auto;
margin: 0 0 0 5px;
text-decoration: underline
}
#nav .hebergement_subnav #subnavEtablissements a:hover {
color: #3c5809
}
#nav .quoi_faire_subnav div.bbuttons {
position: absolute;
top: 13px;
left: 0;
height: 34px;
padding-left: 10px
}
/*#nav .quoi_faire_subnav a {color: #fff !important;}*/
#nav .quoi_faire_subnav a.bbutton {
display: inline;
float: left;
height: 34px;
padding: 0 35px 0 0;
margin: 0 0 0 -3px;
font-size: 16px;
color: #fff;
background: url(../_ui/images/btn/bbutton-r2.png) 100% 0 no-repeat
}
#nav .quoi_faire_subnav a.bbutton:hover {
text-decoration: none;
background-position: 100% -34px !important
}
#nav .quoi_faire_subnav a.bbutton strong {
float: left;
display: block;
height: 16px;
line-height: 12px;
padding: 9px 0 9px 12px;
background: url(../_ui/images/btn/bbutton-l2.png) 0 0 no-repeat;
font-weight: 300
}
#nav .quoi_faire_subnav a.bbutton:hover strong {
background-position: 0 -34px
}
#nav .quoi_faire_subnav h3, #nav .hebergement_subnav h3 {
color: #FFF;
font-weight: 300
}
#nav .quoi_faire_subnav li {
height: auto;
margin: 0;
padding: 0;
background: none;
float: none;
height: auto;
font-size: 1em
}
#nav .quoi_faire_subnav a {
background: none;
display: inline;
padding: 0;
float: none;
height: auto;
margin: 0;
background-position: top left;
font-size: 0.91em
}
#nav .quoi_faire_subnav ul.sections {
display: block;
width: auto
}
#nav .quoi_faire_subnav ul.sections li.section {
display: inline;
float: left;
width: 157px;
margin-right: 14px
}
#nav .quoi_faire_subnav ul.sections li.section ul {
margin: 2px 0 0 0
}
#nav .quoi_faire_subnav ul.sections li.section li {
float: left;
clear: left;
font-size: 0.7em;
line-height: 11px;
margin: 0 0 0 1px;
padding: 2px 0 2px 8px;
background: url(../_ui/images/bullets/arrow-white.png) 0 5px no-repeat
}
#nav .quoi_faire_subnav ul.sections li.section li a {
font-weight: bold;
color: #fff
}
#nav .quoi_faire_subnav ul.sections li.section li a:hover {
text-decoration: underline
}
#nav .quoi_faire_subnav ul.sections li.sec_anepasmanquer {
width: 164px
}
#nav .quoi_faire_subnav ul.sections li.sec_autresinspirations {
width: 167px
}
#nav .quoi_faire_subnav ul.sections li.sec_jesuis {
width: 329px;
margin-right: 0;
float: right
}
#nav .quoi_faire_subnav ul.sections li.section h3, #nav .hebergement_subnav h3 {
margin-top: 0;
overflow: hidden;
font-size: 18px;
line-height: 20px;
padding: 2px 0;
height: 20 px
}
#nav .quoi_faire_subnav ul.sections li.sec_vivez li {
width: 165px
}
#nav .quoi_faire_subnav ul.sections li.sec_anepasmanquer li {
width: 145px
}
#nav .quoi_faire_subnav ul.sections li.sec_autresinspirations li {
width: 168px
}
#nav .quoi_faire_subnav ul.sections li.sec_jesuis ul.first {
float: left;
width: 169px
}
#nav .quoi_faire_subnav ul.sections li.sec_jesuis ul.first li {
width: 160px
}
#nav .quoi_faire_subnav ul.sections li.sec_jesuis ul.second {
float: right;
width: 155px
}
#nav .quoi_faire_subnav ul.sections li.sec_jesuis ul.second li {
width: 146px
}
#nav .quoi_faire_subnav ul.sections li.sec_jesuis li {
width: 155px;
clear: none
}
#nav .quoi_faire_subnav, #nav .hebergement_subnav {
display: none
}
#nav .show_subnav .quoi_faire_subnav, #nav .show_subnav .hebergement_subnav {
display: block
}
#subnav-outer {
margin: -20px -5px 15px -24px;
float: left;
height: 40px;
background: #ec932e url(../_ui/images/bg/subnav-left.png) 0 0 no-repeat
}
#inner.tabs #subnav-outer {
margin: -10px 3px 15px 10px
}
#subnav {
height: 35px;
background: url(../_ui/images/bg/subnav-right.png) 100% 0 no-repeat;
color: #fff;
font-size: 1.18em;
float: left;
padding: 0 5px 5px 7px
}
#subnav.rightcorner {
background-image: url(../_ui/images/bg/subnav-right-corner.png)
}
#subnav ul {
float: left;
background: url(../_ui/images/bg/subnav-active.png) 50% 0 no-repeat;
margin-left: -1px;
display: inline
}
#subnav ul li {
float: left;
background: url(../_ui/images/bullets/subnav-dot.png) 0 17px no-repeat;
margin-left: -2px;
position: relative
}
#subnav ul li.first {
background-image: none
}
#subnav ul li a {
display: block;
float: left;
height: 35px;
line-height: 35px;
padding: 0 4px 0 0;
color: #fff;
background: url(../_ui/images/bg/subnav-hover-right.png) 100% -35px no-repeat;
text-decoration: none !important
}
#subnav ul li a em {
display: block;
float: left;
background: url(../_ui/images/bg/subnav-hover-left.png) 0 -35px no-repeat;
font-style: normal
}
#subnav ul li a em strong {
display: block;
float: left;
font-weight: normal;
height: 13px;
line-height: 13px;
padding: 10px 4px 12px 7px;
white-space: nowrap;
background: url(../_ui/images/bg/subnav-hover-arrow.png) 50% -25px no-repeat
}
#subnav ul li.active a em strong, #subnav ul li a:hover em strong, #subnav ul li:hover a em strong, #subnav ul li.active-arrow-hover a em strong {
background-position: 50% 0
}
#subnav ul li a:hover, #subnav ul li.active a, #subnav ul li:hover a, #subnav ul li.active-arrow-hover a {
background-position: 100% 0;
text-decoration: none
}
#subnav ul li a:hover em, #subnav ul li.active a em, #subnav ul li:hover a em, #subnav ul li.active-arrow-hover a em {
background-position: 0 0
}
#subnav ul li.active-arrow:hover a em {
background-image: url(../_ui/images/bg/subnav-hover-left-dropdown.png)
}
#subnav ul li.active-arrow {
position: relative
}
#subnav ul li.active-arrow a em strong, #subnav ul li.inactive-arrow a em strong {
padding-right: 24px
}
#subnav ul li.active-arrow a.arrow-up, #subnav ul li.inactive-arrow a.arrow-up {
display: block;
position: absolute;
top: 10px;
right: 6px;
width: 17px;
height: 17px;
overflow: hidden;
padding: 0;
text-indent: -9999em;
background: url(../_ui/images/btn/arrow-white-on-orange.png) no-repeat
}
#subnav ul li.inactive-arrow a.arrow-up {
background: url(../_ui/images/btn/arrow-white-on-orange-inactive.png) no-repeat
}