/* --------------------------------------- Template CMS - BEN 10-10/2019 -----------------------------------------*/ /* ---- ----------------------Couleurs ------------- bleu #0080b3 bleu foncé hover #00587B -------------------------------------------------------*/ html { height: 101%;} body { margin: 0; padding: 0; position: relative; background-color: #ffffff; color: #555555; text-align: left; line-height: 1.6; font-size: 14px;font-family: 'Open Sans', sans-serif; height: auto; } body.contentpane { background: #fff;} * { padding: 0; margin: 0;} h1, h2, h3, h4, h5, h6, div.contentheading, .componentheading { padding: 3px 0; margin: 0; font-style: normal; font-weight: normal; text-align: left;} h1, div.componentheading {font-family: 'Open Sans', sans-serif; font-size: 32px; font-weight: 600; padding: 15px 0; text-align: left;} h1 a, h2 a { color: #000;} h2, div.contentheading {font-size: 25px; font-family: 'Open Sans', sans-serif; font-weight:600; padding: 10px 0;} h3 { line-height: 20px; font-size: 130%; font-family: 'Open Sans', sans-serif; font-weight:600; padding: 10px 0;} ul, ol { padding: .75em 0 .75em 0; margin: 0 0 0 35px;} ul.menu { margin: 0; padding: 0;} ul.menu li { list-style: none;} ul.menu_usermenu li { float: left; list-style-type: disc; margin: 0 20px 5px 0;} p { padding: 10px 0;} address { margin: .75em 0; font-style: normal;} a { color: #0080b3; text-decoration: none; line-height: 20px;} a:hover { color: #00587B; text-decoration: none;} a:focus { color: #00587B; outline: none;} img { border: none;} em { font-style: italic;} strong { font-weight: 600;} form, fieldset { margin: 0; padding: 0; border: none;} input, button, select { vertical-align: middle;} select { height:33px;} option { padding: 2px 5px;} .clr { clear : both;} .column.column2 { width: 35%;} .column.center { width: 65%;} .noright .column.center { width: 100%;} .flexiblemodule, .column { float: left;} .icon-eye-open { color: #00587B; } /* --------------------------------------- specific to images -----------------------------------------*/ ul.actions { margin: 0;} ul.actions li a { text-decoration: none;} .print-icon { list-style: none; display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; background: url(../images/system/printButton.png) left center no-repeat;} .email-icon { list-style: none; display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; background: url(../images/system/emailButton.png) left center no-repeat;} .edit-icon { list-style: none; display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; background: url(../images/system/edit.png) left center no-repeat;} /* --------------------------------------- Slideshow FK -----------------------------------------*/ .fabrik_visualization .slideshow { float: left; width: 100%;} /* --------------------------------------- Custom styling -----------------------------------------*/ .container, .container-fluid { margin: 0 auto;} .container { width: 100%;} .container-fluid { max-width: 100%;} .invalid {border: red;} /*--------------------------------------------------------BTN ----------------------------------------*/ .button, button, button.btn, input.btn, :not(.btn-group) > .btn, .btn-group > .btn.active { line-height: 25px; border-radius: 3px; transition: all 300ms ease-in; font-size: 13px;} .input-append input, .input-append select, .input-append .uneditable-input, .input-append .dropdown-menu, .input-append .popover, .input-prepend input, .input-prepend select, .input-prepend .uneditable-input, .input-prepend .dropdown-menu, .input-prepend .popover {font-size: 13px;} .btn-primary { background-color: #0080b3;} .btn-black {background:#555555;} .btn:hover,.btn-black:hover, .btn-primary:hover, .btn:active, .btn-primary:active, .btn:focus, .btn-primary:focus { background-color: #00587B;} /*.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled] { color: #fff;background: #00587B none repeat scroll 0 0;} */ /* ----------------------------------------------------------------------logo et menu top */ #wrapper2 { height:105px; width: 100%; z-index: 3; position: fixed; text-align: right;} #wrapper2 .affix { top:0; width:100%;} #banner > div.inner { margin: auto; height: 60px; box-sizing:border-box;} .inner-top, .inner-bottom { width: 1140px; margin: auto; box-sizing: border-box; padding: 5px 0;} /*---------------------------------- BANNER TOP -------------------------------------------------------- */ #bannertop, #bannerlogo, #bannermenu { width: 100%; box-sizing: border-box;} #bannertop {position:fixed; background-color:#00587B; height: 40px; z-index:1;} #bannertop .inner-top {padding-top: 8px;} #recherche-libre {float: left; width: 200px;} #recherche-libre .input-large {font-size: 12px; padding: 1px 5px; width: auto; border-radius: 3px 0 0 3px; border: none;} #recherche-libre .btn { padding: 5px 8px; font-weight: 300; line-height: 10px; border-radius: 0 3px 3px 0; background-color: #fff; color: #555555; border-left: 1px solid #ddd; vertical-align: top;} #recherche-libre .btn:hover {background-color: #00587B; color: #fff;} #bannertop-left {float: left; color: #fff; font-size: 13px; padding-top: 2px; padding-right: 120px;} #bannertop-right {padding-top: 2px; color:#FFFFFF;} #bannertop-right span.call-questions, #bannertop-right span.call-link, #bannertop-right span.link-blog {color:#fff; font-size:13px} #bannertop-right span.call-number {color:#fff; font-weight:600;} #bannertop-right span.call-questions {margin-right:0px; font-size: 13px;} #bannertop-right span.call-number {margin-right:10px; font-size: 15px;} #bannertop-right .btn-top-sur-mesure {font-size: 13px; line-height: 1em; padding: 4px 10px; margin-left: 10px;} /* ----------------------------- LOGO ---------- ----------------------------------------------------------- */ #logo-menu {float:left; margin: 0px 15px 0px 0;} #logo-menu img {height: 80px!important; width: auto;} /* ----------------------------------BANNER MENU------------------ ------------------------------------------------------------------- */ #bannerfix { margin-top: 40px; position: fixed; width: 100%; box-sizing: border-box;} #bannermenu { background: #fff; border-bottom: 1px solid #ddd;} #bannermenu .inner-top {padding:0; max-height: 80px; position:relative;} /* --------------------------------------------------HEADER---------------------- ---------------------------------------------------------------- */ #wrapper3 { position: relative; z-index:2; padding-top:120px;} #wrapper3 .moduletable_breadcrumb { width:100%; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;} #wrapper3 ul.breadcrumb_breadcrumb { color: #fff; width: 1140px; margin: 0px auto; font-size: 12px; list-style: outside none none; padding: 0 0 0 0px; z-index: 10;} #wrapper3 ul.breadcrumb_breadcrumb li { display: inline-block;} #wrapper3 .breadcrumb_breadcrumb > li > .divider { padding: 0 3px;} #wrapper3 ul.breadcrumb_breadcrumb a { color:#fff;} .breadcrumb { padding: 0; margin: 0;} .breadcrumb li { margin: 0;} .moduletable_header {margin-top:0px;} /*------------------------------------------------------------------- Pano header---------------- */ #wrapper { position: relative; z-index: 1; margin-top:0px;} #wrapper > div.inner { width: 100%; box-sizing:border-box;} /*--------------------------- ------------------------------------------Pano header accueil (sans fil ariane)------------------- */ .layout-accueil-voyage-featured #wrapper { margin-top: -20px;} .header-standard { margin: auto; padding: 30px 0 0 0;} .header-pano-wrapper { min-height:450px; position:relative; overflow:hidden; margin-top: -20px;} #details_35_6 .header-pano-wrapper { margin-top: 0px;} #header-accueil .header-pano-title { padding: 20px 0 10px; position: absolute; text-align: center; text-shadow: 5px 2px 3px rgba(0, 0, 0, 0.2); top: 200px; width: 100%; z-index: 2;} #header-accueil .header-pano-title h1 { font-size:70px;} .header-pano-wrapper-video {height:600px} .header-pano-bg { position: absolute; left: -1000px; right: -1000px; text-align: center; height: 450px; z-index: 1;} .header-pano-wrapper-video .header-pano-bg { overflow: hidden; height: 600px; position: relative; left: 0;} /*.header-pano-img { height:425px; }*/ .header-pano-trip-wrapper { box-sizing: border-box; position: relative; width: 1140px; margin: auto; z-index: 2; height: 475px;} .header-pano-title { position:absolute; text-align:center; top:35%; width:100%; text-shadow: 5px 2px 3px rgba(0, 0, 0, 0.2); padding: 20px 0 10px 0; z-index: 2;} .header-pano-title h1, .header-pano-title h2 { color:#FFFFFF; padding: 0 15px; box-sizing: border-box;} .header-pano-title h1 { font-size: 50px; font-weight: 600; text-align: center;} .header-pano-title h2 { font-size: 20px; margin-top: 20px; font-weight: 400; text-align: center;} .header-intro { padding: 10px 0px 20px 0px;} .header-pano-intro { margin-top: 20px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; box-sizing: border-box; height: 405px; width: 400px; color: #ffffff; float: right; padding: 20px 30px; position: relative; z-index: 2; overflow: hidden; right: 0;} .header-pano-intro h1 {padding-top: 25px;} .header-pano-intro-text {margin: 20px 0;} .header-pano-pays { text-transform: uppercase; font-size: 23px; padding-bottom: 15px; color: #00587B; font-weight: 700; padding-top: 20px;} /*.header-pano-opacity { background-color: #000; opacity: 0.3; height: 100%; z-index: 1; position: absolute; top: 0; width: 100%;}*/ /* HEADER ACCUEIL UNIQUEMENT PLUS HAUT */ .layout-accueil-voyages .header-pano-bg { height: 575px;} .layout-accueil-voyages .header-pano-wrapper { min-height:575px;} /*------------------------------------- TRANSITION ZOOM HEADER PANO IMG--------------------*/ @-webkit-keyframes zoom { from { transform: none; } to { transform: scale(1.15); } } @-moz-keyframes zoom { from { transform: none; } to { transform: scale(1.15); } } @-o-keyframes zoom { from { transform: none; } to { transform: scale(1.15); } } @keyframes zoom { from { transform: none; } to { transform: scale(1.15); } } /*.header-pano-img { -webkit-animation: zoom 15s infinite ; -moz-animation: zoom 15s infinite; -o-animation: zoom 15s infinite ; animation: zoom 15s infinite ; }*/ /*--------------------------------- VIDEO ACCUEIL RESPONSIVE-----------------------------*/ .header-pano-wrapper-video .header-pano-bg { overflow: hidden; height: 0; position: relative; width: 100%; padding-bottom:56.25%;} .header-pano-wrapper-video .header-pano-bg iframe { position: absolute; width: 100%!important; height: 100%!important; top: 0; left: 0;} .header-pano-wrapper-video { height: auto;} /* --------------------------------Header accueil LNT uniquement ---------------------- ------------------------------------------------------------------------------*/ .header-pano-tab { background: #555555 none repeat scroll 0 0; bottom: 0; left:0; color: #fff; padding: 10px 20px; position: absolute; z-index: 2;} .header-pano-trip { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; color: #ffffff; float: right; height: 475px; padding: 20px 30px; width: 320px;} .header-pano-expert-img { width: 120px; height: 90px; float:left; margin-right: 20px; padding-bottom: 20px;} .header-pano-trip h3 { clear: both;} .header-pano-expert-img img.expert-img { width: 120px; height: 90px;} .expert-nom { font-size:15px; padding-bottom: 5px;} .expert-presentation {} .header-pano-trip h3 a { color: #fff; padding-bottom: 5px; font-size:15px; } .header-pano-trip-intro {padding: 5px 0;} .header-pano-trip-duree {font-weight: 700; padding-top: 15px; font-size: 20px;} .header-pano-trip-prix { font-size:15px; padding-top: 10px; } .header-pano-trip .btn { display: block; font-weight: 700; text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; margin-top: 25px; font-size: 15px;} /*------------------------------------HEADER CAVAL------------------------------------*/ .header-pano-icone {position: absolute;width:300px;right: 20%;overflow: visible; bottom: 0;z-index: 1} #recherche-accueil-periode, #recherche-accueil-niveau {margin: auto; width: 250px;} #recherche-accueil-niveau {margin-top:15px;} /* Composants */ #usermenu { margin: 0 20px;} #center > div.inner { padding: 0px 0;} #right > div.inner { background: ;} #right div.moduletable, #right div.module,#right div.moduletable_menu, #right div.module_menu { background: #f5f5f5; border: #e3e3e3 1px solid; margin: 20px; padding: 20px;} #modules1 .n1 > .flexiblemodule { width: 100%; } #modules1 .n2 > .flexiblemodule { width: 50%; } #modules1 .n2 > .flexiblemodule + div { width: 50%; } #modules1 .n3 > .flexiblemodule { width: 33.333333333333%; } #modules1 .n3 > .flexiblemodule + div { width: 33.333333333333%; } #modules1 .n3 > .flexiblemodule + div + div { width: 33.333333333333%; } .moduletable li { margin-bottom: 5px; line-height: 22px;} .moduletable_blue { background: none repeat scroll 0 0 #184f85; border: 1px solid #e3e3e3; margin: 20px; padding: 20px; font-size: 18px; line-height: 30px; text-align: center;} .moduletable_blue a { color: #FFFFFF;} .table th, .table td { border-top: 1px solid #ddd; line-height: 18px; padding: 8px; text-align: left; vertical-align: top;} .bg-primary { background-color: #0080b3; color: #fff; padding: 15px;} .bg-success { background-color: ; padding: 10px;} .bg-info { background-color: #d9edf7; padding: 15px;} .bg-warning { background-color: #fcf8e3; padding: 15px;} .bg-danger { background-color: #f2dede; padding: 15px;} .alert-message {padding-top:0px; border-color: #0080b3; border-width: 5px; color: #333; font-size: 14px; width:80%; margin:auto;} .alert-message h4 { text-align:center; color: #0080b3; font-weight: bold; padding-bottom: 15px;} #system-message { text-align: center; width:80%; margin: auto; margin-top:50px;} #system-message h4 { text-align: center;color: #0080b3;padding: 15px 0;} .alert {padding: 8px 35px 8px 60px;} /* ------------------------------------------------modifs fabrik listes------------------------------- */ #wrapper .inner-list { width: 1140px; box-sizing: border-box; margin: auto;} #voyages { clear:both;} #voyages .row-fluid {margin:15px 0} .filter-voyages { padding: 0 15px; margin: auto; max-width:1140px; box-sizing: border-box;} .filter-voyages .champ-recherche { margin: 0 15px 0 0;} .filter-voyages .controls { float: left;} .filter-voyages select { margin: 0;} .filter-voyages .fabrikActions {display:none;} .moduletable_search btn {display:none;} .moduletable_search .fb_el_fk_voyages_filters___trier {float: right;width: auto;} .moduletable_search .fb_el_fk_voyages_filters___trier span {display:inline-block !important;} .moduletable_search .fb_el_fk_voyages_filters___trier span label {font-weight: bold;padding-right: 5px;color: #00587B;} .calendar .button {padding:10px !important; font-size:12px; background: #f2f2f2;} .calendar .button:hover {cursor:pointer;} .calendar thead tr .button:first-child, .calendar thead tr.headrow .button:last-child {display:none;} .calendar thead .title {background:#0e8888; color:#FFF; font-size:13px;} .calendar .button.nav {font-size:11px; font-weight:bold; padding:15px 5px !important;} .calendar .headrow .button:nth-child(2) div::after {content: " mois prec.";} .calendar .headrow .button:nth-child(4) div::before {content: "mois suiv. ";} .calendar tbody .day {padding:10px 15px 10px 10px; background:#fff; border:1px solid #ccc;} .calendar tbody .day:hover {cursor:pointer;} .calendar tbody .rowhilite td {background:#fff; color:#000;} .calendar tbody td.hilite {background:#0e8888; color:#FFF;} .calendar tbody td.selected {background:#1aa; color:#FFF;} .calendar tfoot .ttip {padding:10px; font-weight:bold;} /* ----- Recherche Accueil - oui je sais ça n'a rien a faire là, mais c'est le meme css que pour les form recherche de listes -----*/ .moduletable_search2 .inner-form {width:750px !important;} .moduletable_search2 .filter-voyages {width:auto;} .moduletable_search2 .filter-voyages .control-group {margin-bottom: 10px;} .moduletable_search2 .filter-voyages .fabrikActions {margin:0; padding:0;} .fabrikElementReadOnly {margin-top:0;} #guide-voyage { clear: both; margin-top: 20px;} #guide-voyage .img-guide img, #expert-detail-endroits-secrets .img-guide img, #expert-detail-incontournables .img-guide img { width: 100%;} #guide-voyage h2 { padding: 15px 0;} #guide-voyage .well { margin-bottom: 35px;} .title-guide { padding: 10px 0; line-height: 25px; } .title-guide-expert{text-transform:uppercase; font-size:16px, font-weight: 700;} .title-guide-expertise{font-size:14px} .text-guide { padding-bottom: 20px; /* min-height: 105px;*/} h3.title-voyages {margin-bottom: 5px; padding: 0;} h3.title-voyages a, h3.title-related-trips a { font-weight: 400; color: #555555;} h3.title-voyages a { font-size: 22px; font-weight: 600; line-height: 30px;} h3.title-voyages a:hover, h3.title-related-trips a:hover { color: #00587B; text-decoration: none;} .destinations-voyages, .liste-destinations { font-size: 13px; line-height: 18px; margin: 8px 0;} .destinations-voyages {clear:left;} #bottom-voyage h2, #bottom2-voyage h2 { text-transform: uppercase; font-weight: bold; text-align: center;} #bottom2-voyage h2 {color:#01a6b6} #bottom-voyage { margin-top: 50px; background-color: #fff;} .themes-voyages { position: absolute; bottom: 10px;} .themes-voyages ul, .themes-voyages-detail ul { margin: 0; padding: 0;} .themes-voyages li, .themes-voyages-detail li { display: inline-block; float: left; font-size: 12px; padding: 2px 2px;} .themes-voyages li::before, .themes-voyages-detail li::before { content: "? "; font-family: "IcoMoon"; font-style: normal;} .text-voyages { margin-bottom:10px; clear: both;} .voyages_row .span2 { border-left: 2px solid rgba(217, 217, 217, 0.34); padding: 0 0 5px 10px; text-align: center;} .price-guide { padding:10px 0 0 0;} .prix-voyages { margin: 5px 0 10px 0; } .bouton-guide, .bouton-voyages { float: none; margin-bottom: 10px; padding: 4px 25px;} .bouton-voyages { margin-top: 10px;} .bouton-groupes {margin-bottom:40px;} i.icon-chevron-right {display:none;} #reviews { clear: both;} #reviews .ratingMessage { display: none;} #reviews blockquote small { color: #333333; font-weight: 100;} #reviews .review-comment { margin:5px 0;} .prix-voyages .prix-old { text-decoration: line-through;} .prix-voyages .prix-promo {font-weight: 600; color: #00587B;} .prix-voyages .prix-current {font-weight: 600;} .prix-voyages .flight ul { list-style-type: none; margin: auto;} #trip-detail .prix-old { text-decoration: line-through;} #trip-detail .prix-promo {font-weight: 600; color:#00587B;} #trip-detail .prix-current {font-weight: 600;} .pull-right .clearFilters { float: left;} .departs-voyages {font-size: 13px; margin: 10px 0;} .departs-voyages .departs-voyages-label, .voyages-privatifs { float: left; padding-right: 10px; font-weight: 600;} .tri-voyages { float: right; clear: both; margin: 25px 0 25px 0;} .tri-voyages-label { font-weight: bold; padding-right: 5px; color: #00587B;} .note-voyages, .niveau-voyages { float: left; padding: 5px 0; text-decoration: underline; font-size: 13px; margin-right:10px;} .pays-voyages li {list-style-type: none; text-transform:uppercase;color:#00587B; clear: left; } .pays-voyages ul {margin:0;} .theme-voyages, .pays-voyages, .prix-voyages, .type-depart-groupe, .flight {font-size:12px} .lead-prix { font-size: 16px; font-weight: 600} #voyages .inner-list .well { /* border-bottom: 2px solid rgba(217, 217, 217, 0.34);*/} #voyages .voyages_row .mois-depart {text-transform:uppercase;color:#fff;background:#f0edec;} .voyages_row img { width: 100%; height: auto;} .img-voyages {position: relative;} #voyages .img-voyages { overflow: hidden; height: 220px;} /*---------------------------------------------------------- LISTES GROUPES------------------------------------ -------------------------------------------------------------------------------------------------------------*/ .groupe-garanti {color: #00587B; font-weight:600; font-size:14px} /*.groupe-dispo {background: #0088cc; color: #fff;} .groupe-complet { background: #e62c2c; color: #fff;}*/ #voyages .voyages_row .date-depart {background: #333; color: #fff; padding: 5px 10px; font-family: 'Open Sans', sans-serif;} #voyages .voyages_row .date-depart i {margin-right:5px;} /* -----------------------------------------------------fabrik liste BLOG---------------------- ---------------------------------------------------------------------------------*/ .subtitle-blog { padding-top: 20px;} h3.title-blog a { font-weight: 600; color: #555555; font-size: 22px;} h3.title-blog a:hover { font-weight: 600; color: #00587B; text-decoration: none;} #list_27_com_fabrik_27 .btn {display:none;} .text-blog { padding: 15px 0;} .img-blog img { width:100%} .img-blog { max-height:400px; overflow:hidden; margin-top: 20px;} .blog-listing-tags, .blog-related-tags, .blog-detail-tags {display:none} .blog-detail-related-date { font-size: 11px;} .blog-detail-title {margin-bottom:15px;} .btn-blog-detail { display: block; margin: 15px 0px;} #blog .well { border-bottom: 5px solid rgba(217, 217, 217, 0.34); padding-bottom: 25px;} #voyage-slider-top, #voyage-slider-reviews { margin-bottom: 8px; padding-bottom: 10px; border-bottom: 2px solid rgba(217, 217, 217, 0.34);} .voyage-slider-note, .voyage-expert-detail .titre-expert, .voyage-expert-contact {font-size: 13px;} #col-right-voyage .pull-right {float:left; font-size: 13px; } #col-right-voyage .pull-left {padding-right:10px; font-size: 13px;} #col-right-voyage .icon-arrow-up {color:#00587B} #blog {margin-top:20px} /* -----------------------------------------------fabrik listes gestion----------------------- -----------------------------------------------------------------------------------------------------*/ .fabrikSubGroup { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 50px; position: relative;} .fabrikGroupRepeater { margin-bottom: 20px;} .fk_destinations___img_main_destination img, .fk_activites___img_main_activite, .fk_hotels___img_main_hotel img, .fk_voyages___img_listes img, .fk_etapes___photo_etape img, .fk_articles___img_main img, .fk_tags___img img { max-width: 120px;} /* -------------------------------------ACCUEIL---------------------------- ---------------------------------------------------------------------------- -------------------------*/ .moduletable_search, .moduletable_search2 { padding: 15px 0; box-sizing: border-box; margin-bottom: 10px; /* Si filtres sur pano + mettre filtres dans header wrapper = background: rgba(0, 0, 0, 0.3); padding: 15px 0; box-sizing: border-box; margin-bottom: 10px; width: 100%; z-index: 1; bottom: 0; position: absolute; -----------------------*/ } .layout-accueil-inspirations #wrapper > div.inner {width:100%;} #home-search { padding: 0 15px;text-align: center;} #home-search .input-large { width: 210px; } .search-voyages .btn.sauvegarder {display:none;} #home-search #fk_recherche___id { display: none;} #home-search select { border: medium none; border-radius: 0; padding: 6.5px; margin: 0 auto; border:1px solid #ccc; border-radius: 3px 0 0 3px;} .reset-search .clearFilters.btn { padding-top: 5px; line-height: normal; color: #fff; background-color: #00587B; border: none;} /*.search-voyages [class^="icon-"], .search-voyages [class*=" icon-"] { display: none;} */ #wrapper .inner-accueil { box-sizing: border-box; width: 1140px; margin: auto;} #home-search .btn {line-height: 23px;} #home-search #fk_recherche___rechercher {padding: 0 20px;} #home-search #fk_recherche___rechercher .btn {padding: 5.5px 10px;} #home-search input[readonly], #recherche input[readonly] { background-color: #fff; cursor: pointer;} /* ------------------------------------------modifs fabrik details circuits-------------------------- ---------------------------------------------------------------------------------------------------- */ #wrapper .inner-detail { box-sizing: border-box; margin: auto; width: 1140px;} .fabrikDetails { margin-top: 0px;} #trip-detail { position: relative;} #col-right-voyage, #col-right-guide, .col-right-listing-blog { position: relative; margin-top:30px;} .header-wrapper { position: relative; } #header-voyage .header-wrapper { } .prix-voyages-detail.hidden-phone { display: inherit !important;} .trip-title { /* background: #00587B none repeat scroll 0 0; color: #fff;*/ margin: 0 0 20px 0; /*padding: 5px 10px;*/} .trip-title h1 { color:#00587B;} #header-voyage .trip-country li, #header-voyage .trip-country {color:#00587B; font-size:16px; line-height: normal; text-transform: uppercase;} #header-voyage .header div:first-child {height:auto !important;} #header-voyage #myCarousel {margin-top:0 !important;} .carousel-inner > .item {max-height:;} .carousel-caption {color:#fff; font-size: 10px; background: none;} .trip-country li, .text-featured-pays li {text-transform:uppercase; font-size: 13px; float: left; padding-right: 10px; margin-bottom: 5px;} .trip-country ul { display: inline-block; list-style-type: none; margin: 0; padding: 0;} #header-expert .trip-title { background: #fff none repeat scroll 0 0; margin: 10px 0 0 0;} #header-expert .expert-subtitle { font-size: 26px; margin-bottom: 30px; margin-top: 10px;} #header-expert .expert-subtitle-pays { text-transform:uppercase; color: #00587B;} #descriptif-expert h2 { font-size: 16px; text-transform: uppercase; font-weight: 600;} #descriptif-expert .nom-expert {color: #00587B;} #expert-detail-voyages h2 {padding-left: 50px; color: #00587B; text-transform: uppercase; font-weight: bold; padding-top: 50px; background: rgba(0, 0, 0, 0) url("/images/icones/VOYAGE-RESUME.gif") no-repeat scroll; background-position: 0px 53px, center;} #expert-detail-voyages { background-image: url("/images/accueil/bg-beige.gif");} .expert-detail-title-style2 {background-color:#757D94 ; margin-bottom: 30px;} .expert-detail-title-style2 h2 { font-size: 32px; background: url("/images/icones/icone-iti.png") no-repeat scroll; background-position: 5px 29px, center;} .expert-detail-incontournables-nom {color:#555555} .expert-detail-avis .img-related-infos {width: 30%; margin-right: 25px;} .expert-detail-avis {padding:30px 0} .expert-age-title, .expert-origine-title, .expert-langues-title, .expert-devise-title { text-transform:uppercase; font-size:16px font-weight:600;} .contact-block-expert .btn {margin:20px 0} .voyage-slider-length{ font-weight: 600; } /*.voyage-slider-price, .voyage-slider-link-price, .link-expert {padding-top:10px}*/ #voyage-slider-top .trip-country {margin-bottom:10px} #voyage-slider-top .trip-country a, #voyage-slider-top .trip-country li {text-align:center; float: none; text-transform: uppercase; font-weight: 600;} .header { overflow:hidden; max-height: 550px;} .header img { width:100%;} .liste-destinations { padding: 10px 15px 10px 0px; margin:0; background-color:#fff;} .liste-destinations ul { display: inline; margin: 0; padding: 0;} .liste-destinations li { list-style-type: none; display: inline-block; margin-right: 5px;} #intro-voyage { margin: 20px 0;} #vous-aimerez-voyage {margin-bottom: 20px;} #intro-guide { border-top:4px solid #00587B; margin-top: 35px; text-transform: uppercase; font-weight: bold; padding-top: 20px; font-size: 15px;} .text-pink {color:#00587B} .etape-destination a, .voyage-expert-contact a, .voyage-link-reviews a, .voyage-link-niveau a, .voyage-hebergement-nom, #infos-equestres a, .titre-related-reviews a, .voyage-activite-nom, .autres-infos-lien a, .pays-voyages a, .title-guide a { color: #00587B; } .voyage-slider-link a, .prix-voyages-detail a, a.voyage-slider-link, .voyage-link-niveau a, .voyage-link-reviews a, #related-reviews .emptyDataMessage a { color: #00587B; font-size: 13px;} .voyage-notes, .voyage-niveau { font-size: 13px;} .voyage-niveau {border-bottom: 2px solid rgba(217, 217, 217, 0.34);} .voyage-notes { padding-top: 5px;} .nb-jours-cheval {font-weight:600} .note-voyage-slider, .niveau-voyage-slider {float:left; padding-right: 5px;} .niveau-voyage-slider {margin-bottom:8px;} .map-link {padding:5px 0 25px 15px;} #col-right-scroll #table_map {height:150px!important} .resume-etapes {} .resume-etapes-title { background: rgba(0, 0, 0, 0) url("/images/accueil/bg-beige.gif") no-repeat scroll; background-position: 10px 6px, center;} .resume-etapes ul {list-style-type: none; margin: 0px; padding: 20px 0; } .resume-etapes h2, .title-itineraire h2, #prix-dates h2, #avis-voyage h2, #related-trips h2, #bottom-voyage h2, #expert-detail-voyages h2 { /*font-size:32px;*/} .resume-etapes li a, .row-activites a, .row-hebergements a, { color:#555555;} .resume-etapes li a:hover, .row-activites a:hover, .row-hebergements a:hover, #avis-voyage a:hover, #contact1 a:hover, #menu-footer a:hover, .featured-title h3 hover { color:#0080b3;} .resume-etapes li a { color: #00587B;} #trip-detail-inner .nav-tabs a { color: #fff; background-color: #555; margin-top: 5px; font-size: 10.75px; text-transform: uppercase;} #trip-detail-inner .nav-tabs > li > a {border-radius:0; -webkit-border-radius:0; } #trip-detail-inner .nav-tabs > .active > a, #trip-detail-inner .nav-tabs > .active > a:hover, #trip-detail-inner .nav-tabs a:hover, #trip-detail-inner .nav-tabs > .active > a:focus { background-color: #00587B; } ul.voyage-tabs { margin: 10px 0; border-bottom: none;} .row-fluid.row-destination, .row-fluid.row-transports, .row-fluid.row-hebergement, .row-fluid.row-activites { margin: 15px 0; } .title-itineraire h2, #prix-dates h2, .expert-detail-title-style2 h2, .title-itineraire, #avis-voyage h2, .resume-etapes h2, #autres-infos-voyage h2, #voyage-hebergements h2, #infos-equestres h2 { color: #fff; text-transform: uppercase; font-weight: 600; padding-left: 20px; background-color: #00587B;} .title-itineraire { } #avis-voyage.well { margin-bottom:0px; } #avis-voyage .note-review { margin-bottom:25px; margin-top: 5px; } #related-reviews {padding-bottom:25px} #prix-dates h2 { margin: 50px 0;} .etape-activites { margin-right: 2%;} .row-fluid .etape-destination { margin-left: 0; /* height: 350px; */ /* overflow: hidden; */} .row-fluid .etape-destination img { margin-bottom: 10px; max-height: 350px; width: 100%;} #prix-dates .btn { background-color: #00587B; color: #fff; font-size: 12px; line-height: 18px;} #prix-dates .btn:hover{ background-color: #0080b3; } #descriptif-voyage h3, #vous-aimerez-voyage h3, #descriptif-voyage h2, #vous-aimerez-voyage h2 { font-weight: 600; padding: 20px 0; font-size: 16px;} #descriptif-voyage h3 {text-align:center;} .etape-destination h4 { font-size:16px; font-weight: 600; } #descriptif-voyage .btn { width: 100%; color: #00587B; text-decoration: none; font-weight: 600; outline: none; border-bottom: 5px solid #00587B; margin-bottom: 0; text-align: left; padding: 5px 0; font-size: 15px;} #descriptif-voyage .btn:hover,#descriptif-voyage .btn:active, #descriptif-voyage .btn:focus { background: #0080b3; color: #fff;} #descriptif-voyage .icon-plus {padding-right:10px} #descriptif-voyage .well { border-bottom:8px solid #d5d2cd; padding:0;} .row-activites, .row-hebergement, .row-transports {margin:10px 0} #descriptif-voyage .icon-eye-open, #descriptif-voyage .icon-briefcase, #descriptif-voyage .icon-home { display:none;} .etape-hotel img, .etape-activites img { width: 200px; height: 120px; margin-bottom: 5px;} #col-right-voyage .well, #col-right-guide .well, .col-right-listing-blog { margin-bottom: 0px; padding: 20px; /*box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);*/} #col-right-voyage .well { padding: 10px; } .contact-block h3 { margin-bottom:15px} .expert-title-right h3{ /*color: #00587B;*/} .btn-devis .btn-large, .btn-groupe .btn-large { margin: 10px 0; padding: 5px 30px; text-transform: uppercase;} #related-trips { position: relative;} #col-right-scroll.affix { position: fixed; top: 110px; font-size: 15px; width: 363.83px; } #col-right-scroll.affix-top { position: static; top:0px; width: 100%;} #col-right-scroll.affix-bottom { position: absolute; bottom: 0px; left:0px; top: auto;} .row-hebergement .hotel-span img, .row-activites .activite-span img {max-height: 140px; overflow: hidden; max-width: 230px; margin-bottom: 10px;margin-right: 15px;} .row-hebergement .hotel-span a, .row-activites .activite-span a {color:#a83b19} .row-hebergement .hotel-span a, .row-activites .activite-span a {color:#00587B} .row-activites .fabrikRepeatData { padding:0; margin: 0;} .row-activites .activite-span { padding-right: 10px;} .row-activites .fabrikRepeatData > li { white-space: normal; max-width: none; overflow: visible; text-overflow: ellipsis;} .row-destination { text-align: center; margin: 10px; font-weight: 600; font-size: 16px;} .note-wrapper { margin: 3px 2px; float: right; height: 16px; width: 80px; background: transparent url("/images/stories/rating_stars5.png") repeat-x scroll 0px 0px;} #related-reviews .note-wrapper {display:inline-block;float:none;} #avis-voyage #related-reviews .note-review {margin-bottom:10px;} .note-voyageurs { background: rgba(0, 0, 0, 0) url('/images/stories/rating_stars5.png') repeat-x scroll 0 -32px; height: 16px;} .niveau-wrapper { margin: 3px 2px; float: right; height: 16px; width: 64px; background: transparent url("/images/stories/niveau-rando.png") repeat-x scroll 0px 0px;} .niveau-voyage-slider .niveau-wrapper {margin: 0px 7px;} .niveau-voyageurs { background: rgba(0, 0, 0, 0) url('/images/stories/niveau-rando.png') repeat-x scroll 0 -32px; height: 16px;} .voyage-slider-note .note-wrapper { margin-right:50px} .voyage-expert-detail {/*margin:20px 0*/} .voyage-expert-detail .titre-expert { } .voyage-expert-detail .nom-expert { text-transform:uppercase; font-weight:bold; font-size: 16px; } .voyage-expert-photo img { width:100%} .voyage-expert-photo {max-height: 90px; overflow: hidden;} .voyage-expert-prenom {font-weight: 600;} .voyage-expert-presentation {clear:both; padding-top: 15px;} .voyage-link-reviews {/*clear:both;*/} .voyage-hebergement-duree, .voyage-activite-duree {font-weight:bold} .voyage-hebergement.row-fluid, .voyage-activite.row-fluid {margin: 10px 0;} .voyage-hebergement-intro, .voyage-activite-intro {margin-top:20px} #infos-equestres h3, #autres-infos-voyage h3, #infos-equestres h4, #autres-infos-voyage h4 { font-weight: 600; margin: 20px 0 0 0;} #trip-detail h2 {} .voyage-icone img {max-height:125px} #trip-detail-inner .hotel-span, #trip-detail-inner .row-transports {margin-left:0!important} #trip-detail-inner .row-hebergement, #trip-detail-inner .row-transports { margin: 5px 0;} #trip-detail-inner .row-transports h4, #trip-detail-inner .row-hebergement h4, #trip-detail-inner .row-transports .t4, #trip-detail-inner .row-hebergement .t4, #trip-detail-inner .row-destination .t4 {font-size:14px; font-weight:600} .voyage-hebergement-img, .voyage-activite-img {/*max-width: 150px;*/ } .voyage-hebergement-nom, .voyage-activite-nom {text-align:left; padding-bottom: 5px;} .voyage-activite-intro, .voyage-hebergement-intro { margin-top: 20px; margin-bottom: 10px;} #col-right-voyage .map-detail {margin-bottom:10px} #col-right-voyage .scroll-top {background-color: #00587B; color: #fff; padding: 0 5px; margin-right: 5px;} .text-info {color:#00587B;} .etape-img {margin: auto!important;} /* ----------------------------------------------------fabrik details guide */ #gallery { overflow: hidden;} #gallery .fabrikSubElementContainer { float: left; margin-right: 5px; margin-top: 3px;} #gallery .gallery-thumbnail {width:25%; display:inline-block;} .carousel-control { position: absolute; top: 120px; left: 15px; width: 30px; height: 30px; margin-top: auto; font-size: 30px; font-weight: 600; line-height: 30px; color: #fff; text-align: center; border: 3px solid #fff; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.4; filter: alpha(opacity=50);} .resume-etapes .map-detail { overflow: hidden; height: 350px; position: relative;} .map-detail .fabrikGoogleMap { position: relative;} .prix-destination { font-size: 12px; padding: 2px 4px;} #infos-equestres h3 {margin-bottom:10px;} .nom-accompagnant {font-weight:bold;} .intro-pres-accompagnant {font-weight:bold;} #guide-voyage .img-guide { height: 200px; overflow: hidden;} /* ----------------------------------------------ACCUEIL FEATURED LIST ------------------------------- ------------------------------------------------------------------------------------------------------*/ .featured-themes, .featured-articles, .featured-voyages-groupes, .featured-voyages, .featured-pays, .moduletable_presentation_accueil, .featured-guides, .custom_engagements, .featured-voyages h2, .featured-voyages.btn, .featured-custom { text-align: center;} .featured-voyages .text-featured-intro {text-align: justify; height: 85px; overflow: hidden; clear: both; padding-bottom: 15px; border-bottom: 5px solid #00587B!important;} .text-featured {border-bottom: 5px solid #00587B!important; padding-bottom:30px;} .moduletable_presentation_accueil img { margin-bottom:10px; height:300px;} .texte-presentation {text-align:left;} .featured-voyages, .featured-reviews, .featured-themes, .featured-articles, .featured-voyages-groupes, .featured-pays, .moduletable_presentation_accueil, .featured-guides, .custom_engagements, .btn-sur-mesure, .featured-custom { padding: 60px 0 60px 0;} .featured-voyages { padding-top: 25px; } .reviews-summary {text-align:center; padding-top:60px;} .text-featured-pays ul { list-style-type: none; margin: 0;} /*.featured-voyages .btn, .featured-guides .btn, .featured-reviews .btn, .moduletable_presentation .btn { font-weight: bold; text-transform: uppercase; padding-top: 18px; padding-bottom: 18px; font-size: 15px;}*/ .btn-featured {text-align: center;} .featured-guides .btn-black, .featured-articles .btn-black, #related-trips .btn-black { color: #fff; border: none;font-weight: bold;text-transform: uppercase; margin-top: 30px; padding-top: 18px; padding-bottom: 18px; display: block; display:none;} .moduletable_presentation .btn {margin-top: -50px;} .featured-articles .well {margin-bottom:0;} #featured-contenus-1 { background-color: #f3f3f3; } .featured-reviews { /*background-color: #00587B;*/} .reviews-average-stars .note-wrapper { margin: auto; float: none;height: 16px; width: 80px; background: transparent url("/images/stories/rating_stars5.png") repeat-x scroll 0px 0px;} .featured-themes h2, .featured-voyages h2, .featured-reviews h2, .featured-articles h2, .featured-voyages-groupes h2, .featured-pays h2, .featured-guides h2, .custom_engagements h2, .moduletable_presentation_accueil h2, .btn-sur-mesure h2, .featured-custom h2 { font-weight: 600; color:#555555; font-size: 32px; text-align: center;} #featured-contenus-1 { background-color: #f3f3f3; } .featured-themes { background-color: #00587B; color: #fff;} .featured-themes a h3 {color:#FFF;} .featured-themes .row-fluid .span2 {width:14.8%} .featured-themes h2 { color: #fff;} .moduletable_presentation {background-image: url("/images/accueil/bg-beige.gif");} .featured-subtitle {margin-bottom:25px; font-size: 15px; padding-top: 10px; text-align: center;} .featured-reviews .featured-subtitle {color:#fff} .custom_presentation .featured-subtitle {margin-bottom:0px} .featured-reviews h2 {padding-bottom: 10px;} .featured-guides h2 { color: #00587B;} .featured-articles img, .featured-voyages-groupes img { min-height: 250px; margin-bottom: 5px;} .featured-articles img { width: 100%; height: auto; margin-bottom: 5px;} .featured-pays img, .pays-img img, .inspirations-img img { width: 310px; height: 220px; margin-bottom: 0px; transition: transform 1s;} .featured-themes img{ width: 220px; height: 160px;} .featured-themes .featured-subtitle {/*color:#fff*/} .featured-pays img:hover, .pays-img img:hover, .inspirations-img img:hover { transform: scale(1.1); transition: transform 1s;} .inspirations-list img, .pays-list img {height:150px; width:100%;} .inspirations-list .well, .pays-list .well{background:none;} .featured-themes .featured-row { position: relative; overflow:hidden;} .inspirations-list .inspirations-row, .pays-list .pays-row { position: relative; height:150px; overflow:hidden; text-align: center; background: #ccc none repeat scroll 0 0;} .featured-pays .featured-row { position: relative; height:220px; overflow:hidden; text-align: center;} .inspirations-list .inspirations-img, .pays-list .pays-img, .featured-pays .featured-img { position:absolute; width: 100%;} .inspirations-list .inspirations-title, .featured-pays .featured-title { position:absolute; top:0%; width:100%;} .pays-list .pays-title {position: absolute; bottom: 0; text-align: center; width: 100%; background: rgba(0, 0, 0, 0.5);} .inner-accueil .well { background: none; padding: 0; padding-bottom: 20px; margin-bottom: 30px;} .featured-themes .well { margin-bottom: 0; } .featured-voyages img { min-height:400px; width: 100%; margin-top: 10px; } .featured-themes h3, .featured-voyages h3, .featured-reviews h3, .featured-voyages-groupes h3, .featured-pays h3, .featured-articles h3 { font-size: 16px; font-weight: 600;} .featured-voyages-groupes h3 a, .featured-articles h3 a { color:#00587B;} .featured-voyages-groupes h3 a:hover, .featured-articles h3 a:hover, .featured-voyages h3 a:hover { color:#00587B;} .featured-voyages-groupes .text-featured { padding: 10px;} .featured-voyages-groupes h3 {padding-bottom:5px; text-align: center; min-height: 40px;} .featured-voyages-duree { font-size: 18px; font-weight: 600; float: left; padding-right: 10px; margin-top: 18px;} .featured-voyages-prix {font-size:15px; float: left; padding-top: 10px; padding-right: 20px; margin-top: 10px;font-weight: 600;} .featured-voyages .well { padding-bottom: 10px!important; margin-bottom: 30px; padding-top: 20px; } /*.img-featured-guides img, .featured-articles img { width:312px; height: 225px;}*/ .img-featured {position:relative;max-height: 280px;overflow: hidden;margin-bottom:15px;} .featured-voyages .img-featured {max-height: 350px;} .featured-voyages-groupes .img-featured {max-height: 250px;} .img-featured .statut-depart, .img-voyages .statut-depart {position:absolute;right:0;top:20px; background:#00587B; color:#FFFFFF; padding:3px 10px; text-transform:uppercase;} .text-featured-duree-prix {font-weight: bold;} .title-featured-guides {text-transform:uppercase; font-weight:600; margin-bottom:10px; font-size: 16px;} .featured-guides-expertise { margin: 10px 0; text-transform:uppercase; font-weight:bold; color:#00587B; font-size: 16px; text-align: left;} #presse h3 { margin: 10px 0; font-size: 16px; text-align: left;} .featured-guides-expertise {margin-top:20px;} .featured-guides-presentation, .text-article-featured {text-align: justify; } .text-article-featured {padding-top: 10px; min-height: 120px; } .featured-voyages-groupes .prix-old { text-decoration: line-through;} .featured-voyages-groupes .prix-promo {font-weight: bold; color:#00587B;} .featured-voyages-groupes .prix-current {font-weight: bold;} .inspirations-list h3, .pays-list h3, .featured-pays h3 { font-weight: 600; text-transform: uppercase; font-size: larger; color: #fff; text-decoration:none;} .featured-themes h3 { margin-top: 15px; margin-bottom: 15px; text-align: center;} .inspirations-list h3:hover, .pays-list h3:hover, .featured-pays h3:hover { } .featured-voyages h3 { min-height: 40px; text-align: center;} .featured-articles h3 { min-height: 40px; padding: 10px 0;} .featured-voyages ul.fabrikRepeatData, .featured-voyages-groupes ul.fabrikRepeatData {margin:0; padding:0;} .featured-voyages li, .featured-voyages-groupes li {list-style-type:none; margin-right:5px; display:inline;} .featured-voyages li:after, .featured-voyages-groupes li:after {content:",";} .featured-voyages li:last-child:after, .featured-voyages-groupes li:last-child:after {content:"";} .featured-voyages-groupes .text-featured-date {background: #333; color: #fff; padding: 5px 10px; text-align:left;} .featured-voyages-groupes .text-pays {text-transform: uppercase;} /*.featured-voyages-groupes h3 { min-height: 50px;}*/ .featured-reviews .review-note { margin: auto; margin-bottom: 20px; overflow: hidden;} .featured-reviews .review-resume { margin-top: 5px; font-style: italic;} .featured-voyages strong { font-size:larger;} .featured-reviews-name, .nom-related-reviews {color:#fff; } .featured-reviews h3 {text-align:left; margin-bottom: 5px;} .featured-reviews-voyage { color: #fff;} .review-note {float:left; margin-bottom: 5px;} .featured-reviews-resume { clear: both; text-align: justify; color:#fff; margin-bottom: 20px; font-size: 15px; line-height: 22px; } .reviews-nb {color: #fff; font-size: 54px; font-weight: 900;} .reviews-avis {font-size:27px; font-weight:700; color: #fff;} .reviews-average, .reviews-average-stars { position: relative; bottom: 200px; /*background-color: rgba(30, 31, 31, 0.31);*/} .valeur-moyenne-avis {font-size: 54px; font-weight: 900;} .reviews-average-note {padding-top: 10px;font-size: 20px; font-weight: 400;} .review-average.span4 {margin-top: -70px;} .featured-reviews-img img { width: 300px; height: 260px;} .btn-sur-mesure { font-size: 32px; background-image: url("/images/accueil/sur-mesure-accueil.jpg"); text-align: center;} .btn-sur-mesure h2 { color: #fff; text-align: center; padding-top: 30px; padding-bottom: 30px;} .btn-sur-mesure .inner-accueil {padding-top:60px} .note-featured {float: left; clear: left; padding: 5px 5px 0 0;} .featured-custom-intro {margin-top:15px} .flight ul { list-style-type: none; margin: auto;} .note-featured .note-voyages, .text-featured .niveau-voyages { float: right; } .text-featured .niveau-voyages, .note-featured {padding: 10px 0;} .note-featured { float: right; clear: right; } .text-featured-pays {float:left;} .presentation-accueil { padding:0 10px;} #featured-contenus {margin-bottom:50px!important ; } /*.accueil-sur-mesure {background-image: url(/images/accueil/activites.jpg); text-align: center; height: 400px;} .accueil-sur-mesure .btn {margin-top:150px;}*/ .article-blog-featured { height: 200px; overflow: hidden;} .footer-standard {clear:both;} /* ------------------------------------------------------fabrik details infos-pratiques et blog */ #guide-detail h2, #descriptif-article h2, .footer-standard h2 { margin: 30px 0;} #guide-detail h3, #descriptif-article h3, .footer-standard h3 { font-weight: 600; margin: 20px 0;} #guide-detail h4, #descriptif-article h4, .footer-standard h4 { font-weight: 600; margin: 10px 0;} .img-article img { width: 100%; } .row-related-infos { margin: 8px 0; } .img-related-infos { width: 100%; margin-right: 25px; } .img-related-infos img { width: 100%; margin-bottom: 5px; margin-top: 10px; } .title-related-infos { width: 50%; display: inline; font-size: 15px; } #bottom-voyage #related-reviews .img-related-infos { width: 30%; margin-right: 25px; } #avis-voyage #related-reviews .img-related-infos img { width: 50%; margin-right: 25px; height: auto;} #col-right-scroll-guide h3, #reviews-invite h3,/* #col-right-guide h3*/, .col-right-listing-blog h3, .destination-guide, .themes-voyages-detail { text-transform: uppercase; font-size: 16px; font-weight: 600; color: #00587B;} #col-right-guide h3, .destination-guide, .themes-voyages-detail, .prix-guide { text-transform: none; font-size: 15px; text-align: center; font-weight: 600;} #descriptif-article, #descriptif-expert, #descriptif-destination { border-top: 5px solid #00587B; margin-top: 35px; padding-top: 20px;} #comments .page-header h2 { font-size: 32px; /*color: #00587B; */ font-weight: 600;} legend { font-size: 15px; font-weight: bold; border-bottom: 5px solid rgba(217, 217, 217, 0.34); } #comments .row-fluid {margin-top:20px;} #comments .text-answer {margin-left:10%;} #comments blockquote p {font-size: 14px; font-weight: initial;} #other-article {margin-top:40px} /* ------------------------------------------------------------------------fabrik related modules- -----------------------------------------------------------------------------------------------------------------------------*/ #related-reviews .note-wrapper {margin: 0;} #related-trips {clear: both;} #related-trips h2 { margin-bottom: 10px;} .related-trip-pays{color:#00587B} #related-trips img { margin-bottom: 15px; width: 100%; min-height: 200px;} #related-trips h3, #related-reviews h3 { font-size: 15px; padding-bottom: 10px; font-weight: 600;} #related-trips .well { padding: 0px; background: none;} #related-trips .bouton-related-trips { display: none;} .text-related-trips { border-top: 5px solid #00587B; padding: 10px 0; margin-bottom: 25px; clear: left;} #bottom2-voyage .text-related-trips { border-top: 5px solid #01a6b6;} .related-trips-length { font-size: 18px; font-weight: bold; padding-top: 7px;} .related-trips-price { font-size: 15px; padding-top: 6px;} .intro-related-trips {min-height:80px;} #review-detail .title-related-infos {font-size: 13px; clear: both; display: block; width: 100%; padding-bottom: 10px;} #review-detail .nom-related-reviews {color:#373b3e} .note-related-trips { float: left; padding-bottom: 10px;} /* ---------------------------------------fabrik formulaires voyage et sur-mesure ------------- ---------------------------------------------------------------------------------------------------*/ .fabrikActions {text-align:center;} #wrapper .inner-form { box-sizing: border-box; margin: auto; width: 1140px;} #form-sur-mesure, #form-voyage {margin-top:50px} #form-sur-mesure .fabrikActions, #form-voyage .fabrikActions { background-color: #FFF; border: none; text-align: center; font-size:16px; padding:10px 20px;} #form-sur-mesure h2, #form-voyage h2 { color: #fff; text-align: center; margin-bottom: 20px; background-color: #00587B; font-size: 18px; } #form-sur-mesure h1, #form-voyage h1 { padding-top:25px } #form-sur-mesure .icon-eye-open, #form-voyage .icon-eye-open {/*display:none*/ } #form-sur-mesure .fabrikGroup, #form-voyage .fabrikGroup { background: #fff none repeat scroll 0 0; clear: left; margin-bottom: 30px; padding: 15px;} #form-sur-mesure label, #form-voyage label { font-weight: bold;} #form-sur-mesure input[readonly], #form-voyage input[readonly] { background-color: #fff; cursor: pointer;} #form-sur-mesure .calendarbutton, #form-voyage .calendarbutton { border: 1px solid #ccc; padding: 3px 12px;} #form-sur-mesure #fk_demandes___destinations .span3 { border: 1px solid #ccc; height: 235px; margin-bottom: 15px; max-width: 250px !important; padding: 5px 10px; position: relative; text-align: left;} #form-sur-mesure #fk_demandes___destinations .option-title { vertical-align: middle; padding-left:8px} #form-sur-mesure #fk_demandes___destinations .option-img { margin: 10px 0; max-height: 120px; overflow: hidden;} #form-sur-mesure #fk_demandes___destinations .option-link { position:absolute; bottom: 10px; right: 10px; font-weight: 600;} #form-sur-mesure #fk_demandes___destinations .checkbox { padding-left: 0; cursor: default;} #form-sur-mesure #fk_demandes___destinations .checkbox input[type="checkbox"] { margin-left: 0;} #form-sur-mesure .btn-group .button, #form-voyage .btn-group .button, #form-user-front .btn-group .button { font-size: 16px; padding: 10px 20px; white-space: normal;} #form-sur-mesure .inner-form a {} #form-sur-mesure .inner-form a:hover {} #form-sur-mesure .bg-white a {color:#00587B} #form-sur-mesure .bg-white a:hover {color:#00587B} /* ---------------------------------------fabrik formulaire newsletter ------------- ---------------------------------------------------------------------------------------------------*/ .form-newsletter {} /* -----------------------------------------------------------------------------FOOTER ---------------------*/ .footer-standard .inner-detail { max-width: 710px; padding-top: 30px;} /*------------------------------------------------------------------- Newsletter---------------*/ #newsletter { padding-top: 15px; } #newsletter .input-append { margin-top: 15px; margin-left: 0;white-space: normal;} #newsletter .input-append .btn {} #newsletter h3 {text-transform: uppercase; font-weight: bold; line-height: 140%;} .logo-nl {float:left; } .newsletter-subtitle { margin-left: 2px;} #newsletter .form-horizontal .controls { margin-left: 0; white-space: normal;} #wrapper1 { background-color: #00587B; position: relative; z-index: 1; margin-top: 15px; padding: 20px 0;} #wrapper1 > div.inner { color: #FFFFFF; width:100%; box-sizing:border-box;} #footer .moduletable { margin-top: 15px;} #footer .moduletable_mod2 { margin-top:25px;} #newsletter h3 { color:#fff;} #footer2 a { color: #fff;} #footer { position: relative; margin: 25px 0;height: 300px;padding-bottom: 30px;} #footer > div.inner { padding: 0px;} #footer h3, #contact-bottom h3, .footer-titre { color: #fff; text-transform: uppercase; text-align: left; font-size: 16px; margin: 20px 0 10px;font-weight: 600;} #newsletter .btn, #contact-bottom .btn, #footer .btn, #reviews-invite .btn { color: #fff; border: none;} #footer a {color:#FFF} #footer a:hover {color:#FFF} #contact-bottom { padding:30px 0;/*Contact bottom caché*/ display: none;} #contact1, #contact2, #contact3, #footer2, #footer3, #footer1 { border-right: 2px solid; border-color: rgba(255,255,255,0.2); padding-right: 10px;} #contact1 h4 { color: #fff; font-weight: bold; background: rgba(0, 0, 0, 0) url("/images/footer/icone-tel-footer.jpg") no-repeat scroll 0px; padding-left: 25px; font-size: 25px; margin-bottom: 20px;} #contact1 a {color:#fff;} #footer2 ul {list-style-type:none; margin: 0;} #footer2 li {display : list-item; list-style-image : url(/images/footer/fleche-footer.jpg); font-size: 13px;} #footer3 img {float:left; margin-right:20px;} #payment-bottom .btn { margin-top: 15px;} #payment-bottom img {margin-right:15px} #payment-bottom { margin-top: 15px;} #presse {background-color:#fff} #presse h3 {text-align:center;} .social-icons {height:50px;width:100%;} .logo-footer-baseline { padding-left: 46px;} #menu-footer {background-color:#2a2e31;text-align: center;} #menu-footer li a {color:#fff; font-style: italic;} .social-icons span {background: url("/images/stories/social-icons.jpg") repeat scroll 0 0; float: left; height: 44px; margin: 5px; width: 44px; border-radius: 25px;} .insta {padding-top:3px} .facebook { background-position: 1896px -30px !important;} .facebook:hover { background-position: -642px -205px !important;} .google { background-position: 2372px -30px !important;} .google:hover { background-position: -166px -390px !important;} .twitter { background-position: 2304px -30px !important;} .twitter:hover { background-position: -234px -205px !important;} .youtube { background-position: 350px -30px !important;} .youtube:hover { background-position: -506px -390px !important;} .pinterest { background-position: 826px -30px !important;} .pinterest:hover { background-position: -30px -30px !important;} /* general */ [class^="icon-"], [class*=" icon-"] { margin-right: 0px;} #form-contactez-nous [class^="icon-"], #form-contactez-nous [class*=" icon-"], #comments [class^="icon-"], #comments [class*=" icon-"]{display:none;} #form-contactez-nous .form-actions { padding-left: 0;} label, label.fabrikTip {margin-bottom:5px; display:block!important;} #fk_comments___note label {display:inline-block!important;} #col-right-voyage .icon-chevron-right {display:none;} .input-append input {padding: 6.5px;} .h-margin { margin: 15px 0;} .h-padding { padding: 15px 0;} .l-margin { margin: 0 15px;} .l-padding { padding: 0 15px;} .b-margin { margin: 0 0 15px 0;} .t-margin { margin: 15px 0 0 0;} .rgt-margin { margin: 0 15px 0 0;} .lft-margin { margin: 0 0 0 15px;} .outline { outline: thin dotted #08c;} .bg-white { background: #fff none repeat scroll 0 0; padding-top: 2px;} .bg-black { background: #555555 none repeat scroll 0 0; color: #FFFFFF; padding: 15px;} .two-rows { min-height: 60px;} .mceContentBody { background: #fff none repeat scroll 0 0;} .icon-star { color: #ffcc00;} .btn-success, .btn-info {border: 1px solid #c4c4c4; background: #fff; color: #565a5c;} .btn-success:hover, .btn-info:hover, .btn-success:active, .btn-info:active, .btn-success:focus, .btn-info:focus { border: 1px solid #aaa;background: #F2F2F2; color: #565a5c; } /*icones*/ #prix-dates.well { padding:0px;} #prix-dates h3, #prix-dates h4 { margin: 20px 0; padding-bottom: 15px; text-transform: uppercase; font-size: 15px; font-weight: 600; border-bottom: 5px solid;} #prix-dates th { font-weight: 600; } #prix-dates .fabrikRepeatGroup___fk_voyages_44_repeat___prix {font-weight: 600;} #reviews-invite { margin-top: 30px; float: none; margin-bottom: 30px;} #reviews-invite .btn {margin-left:20px; background-color:#00587B;} #reviews-invite .btn:hover {background-color:#0080b3;} #list_10_com_fabrik_10 h3.title-guide a, #list_24_com_fabrik_24 h3.title-guide a, #list_8_com_fabrik_8 h3.title-guide a, #list_16_com_fabrik_16 h3.title-guide a, #list_42_com_fabrik_42 h3.b-margin a { /* padding-left:30px;*/font-weight:600; color: #555555;} #list_42_com_fabrik_42 h3.b-margin a { padding-left: 0px;} #list_10_com_fabrik_10 h3.title-guide a:hover, #list_24_com_fabrik_24 h3.title-guide a:hover, #list_8_com_fabrik_8 h3.title-guide a:hover, #list_16_com_fabrik_16 h3.title-guide a:hover, #list_42_com_fabrik_42 h3.b-margin a:hover { color: #00587B;} #list_42_com_fabrik_42 h3.b-margin a:hover { padding-left: 0px;} /*.etape-img img {width:89% }*/ /*----------------------------------------------------------------- POLICES-------------------------------------- */ .header-pano-trip, .header-pano-tab, #home-search .input-large, .featured-subtitle, .btn, .featured-voyages, .featured-guides-expertise, .review-average.span4, .title-featured-guides, #bannerlogo,.logo-footer-baseline, .trip-country, .voyage-expert-detail .titre-expert, .voyage-expert-detail .nom-expert, #intro-guide, .resume-etapes li a, .etape-destination h4, .row-hebergement h4, .row-activites h4, .row-transports h4, #prix-dates th, .text-featured-pays,.title-related-infos, #col-right-scroll-guide h3,#header-expert .expert-subtitle, /*menu#bannermenu li.level1 > a span.titreck, #bannermenu li.level1 > span.separator span.titreck, #bannermenu div.floatck ul.maximenuck2 li a*/ {font-family: 'Open Sans', sans-serif;} .header-pano-trip-intro, .expert-presentation, #review-detail .title-related-infos, .featured-voyages .text-featured-intro, #avis-voyage .title-related-infos, #recherche-libre .btn, #descriptif-voyage h3, #vous-aimerez-voyage h3, #descriptif-voyage h2, #vous-aimerez-voyage h2 {font-family: 'Open Sans', sans-serif;} a:hover { color: #00587B; text-decoration: none;} /*------------------------------------------------------------------ACCUEIL---------------------------------------*/ #wrapper1 .btn {font-size:15px} .header-pano-wrapper {z-index:1;} .moduletable_search2 {position : relative;margin-top: -65px;height: 65px;z-index:2; background: rgba(0, 0, 0, 0.3);margin-bottom: 0;} .inner-accueil .btn { padding: 10px 20px; font-size: 15px; text-align: center; color: #333; background: #fff; border: 1px solid #cccccc;} .inner-accueil .btn:hover, .inner-accueil .btn:active { color: #fff; background: #00587B;} .custom_concours_accueil { text-align: center; margin: 20px 0;} /* -------------------------------------------------------------------------NAVIGATION------------------------- */ .limit {float:left; margin-right: 30px; margin-bottom: 30px;} .pagination-list {padding:0} .limit small {font-size:14px} .input-append, .input-prepend {font-size:14px;} input, button, select, textarea { font-family: 'Open Sans';} .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: auto; min-width: auto; padding: 4px 5px; font-size: 100%; font-weight: normal; line-height: 18px; text-align: center; text-shadow: none; background-color: #fff; border:none;} .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #fff;} .moduletable_breadcrumb .icon-location {display:none;} /*----------------------------------------------------------ESPACE CLIENT------------------------------------*/ .moduletable_connexion_client { margin-top: 50px; text-align:right;margin-bottom: 10px;} .moduletable_connexion_client .login-greeting {float:left;margin-top:5px;} .moduletable_connexion_client .logout-button .btn {} .moduletable_menu_client {margin-bottom:20px;} .moduletable_menu_client ul {border-bottom: 1px solid #333;} .moduletable_menu_client li {margin-bottom: -1px !important;} .moduletable_menu_client li:hover,.moduletable_menu_client li.active {background:#333;} .moduletable_menu_client a {height: 30px !important;padding-top: 10px;} .moduletable_menu_client li:hover a, .moduletable_menu_client li.active a {color:#fff;} .espace-client h2 { background: #333 none repeat scroll 0 0; color: #fff; margin: 15px 0; padding: 3px 10px; font-size: 20px;} .espace-client-table thead th {background: #333 none repeat scroll 0 0; color: #fff;font-size: 13px;} .espace-client-table td {font-size:13px; line-height:25px;} .espace-client .body-ec {margin-top:30px;} .login { margin-top: 40px; margin-left: 10px;} #form-devis-front h2, #form-paiement h2, #retour-paiement h2, #detail-devis-front h2 { background: #333 none repeat scroll 0 0; color: #fff; margin: 15px 0; padding: 3px 10px;} #form-login .controls {text-align:center;} #form-login .controls .login-btn {color:#fff !important;margin-top:15px;} #form-login li {line-height:25px;} #form-login .nav-tabs.nav-stacked > li > a {border:2px solid #0080b3; color:#0080b3 !important; text-align:center; } #form-login .nav-tabs.nav-stacked > li > a:hover {border:2px solid #0080b3; background-color:#0080b3; color:#FFFFFF !important;} /* -------------------------------------------------------------------------GUIDES------------------------- */ #header-expert h1 { text-transform: uppercase; font-weight: 600; /*color: #00587B;*/} #header-accompagnant h1 {padding-bottom: 0;} .img-polaroid { padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} /* -------------------------------------------------------------------------Formulaire CONCOURS------------------------- */ .concours { border: 1px solid #00587B; margin-top: -40px; padding: 10px;} .concours .fabrikSubGroup { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; position: relative;} .concours .fabrikGroup { margin-bottom: 0px!important; padding: 0px!important;} #fk_concours_2017___reglement { margin-top: 20px; margin-bottom: -20px; color: #00587B;} .concours h2 { background-color: #181212!important;} /* ------------------------------------------- AFFICHAGE SELON RESOLUTION --------------------------- */ @media screen and (min-width: 1590px) {.header-pano-img { min-width: 1620px;}} @media screen and (min-width: 1620px) {.header-pano-img { max-width: 1920px;}} @media screen and (min-width: 768px) { #header-accueil .header-pano-wrapper {display:none}} @media screen and (max-width: 767px) { #header-accueil .header-pano-wrapper-video {display:none} .zopim { display: none!important;}} /*-----------------Suppression underline liens --------------*/ a {text-decoration: none!important;} /*----------------BO --------------*/ th.fabrik_list_19_group_71 {min-width: 100px;}