/* * This file is part of theme "CESL2019" * * */ /**** * TPL LAYERS CUSTOMIZING ****/ /* ajout cyril */ iframe{width: 100% !important;} .accordion{padding: 0 0;} .accordion-button::after{display: none !important;} .accordion-button {font-size: 20px;font-weight: bolder; background-color: #f8b133;color: white; justify-content: center;} .accordion-button:not(.collapsed) {color: #ffffff;background-color: #f8b133;box-shadow: none} .accordion-button:focus {box-shadow: none;} .container-fluid {padding-right: 0 !important;padding-left: 0 !important;margin-left: 0 !important;margin-right: 0 !important;} #top-polas {display: none;} .sejour-picto-sq {display: none !important;} .picto-sejour-description {display: none !important;} #sejour-intitule {font-size: 30px !important;} .séparation {background-color: #f8b133;height: 5px;width: 100%;margin: auto;} /* formulaire de recherche */ .sejour-dureeId form label {text-align: start;} .prix-séjour{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;margin-top: 10px;} .sejour-picto.tarif {background-color: black !important;display: inline-flex;align-items: center;} .sejour-picto.tarif div {font-size: 20px;line-height: 1.2;} .sejour-picto.tarif div span { font-size: 14px;} .ui-tabs .ui-tabs-nav li.ui-tabs-active{background-color: #f8b133;} .ui-tabs .ui-tabs-nav li.ui-state-hover{background-color: #f8b133;color: white;} .ui-tabs .ui-tabs-nav li.ui-state-hover a {color: white;} .ui-button, .ui-widget.ui-button { background: none #ffffff; border: 3px solid #f8b133; font-weight: bold; } /* carousel */ .carousel-inner{border-radius: 10px;} .post-other-img {height: 450px;width: 100%;} #all-others .post-content .bulle{width: 100%;object-fit: fill;height: 100%;margin-left: 0px !important;} .carousel-inner {height: auto;} .carousel-indicators {display: flex;bottom: -51px;} .carousel-indicators button{margin: 0 5px;height: 15px !important;width: 15px !important;border-radius: 100% !important;background-color: #d8d8d8 !important;} .carousel-indicators button.active {background-color: #f8b133 !important;} /* picto ans et prix */ .sejour-picto.ans div:nth-of-type(1) {font-size: 20px;line-height: 1em;margin-top: 35px;letter-spacing: 0px;} .sejour-picto.ans div:nth-of-type(2) {font-size: 20px;line-height: .7em;margin-top: 0px;letter-spacing: 0px;} .sejour-picto.jours div:nth-of-type(1) {font-size: 20px;line-height: 1em;margin-top: 30px;letter-spacing: 0px;} .sejour-picto.jours div:nth-of-type(2) {font-size: 20px;line-height: .7em;margin-top: 0px;letter-spacing: 0px;} .sejour-activites ul{ color: black; } .accordion-body ul li ul { color: black; } .sejour-esprit .sejour-activites ul{ color: black; } /* bouton */ #more-sejours{display: flex;} @media (max-width: 375px) { #sejour-pictos {border-top-left-radius: 0px !important;border-top-right-radius: 0px !important;display: inline-flex;flex-wrap: wrap;align-content: flex-start;width: 100% !important;font-size: 16px;justify-content: flex-start;} .dc-cesl .mc-ariane {padding: 215px 12px 0px 12px;} .title-ariane {font-size: 30px !important;line-height: 1;margin-top: 0;} #sejour-localisation {top: -467px !important;object-fit: fill;height: 21%;} .carousel-inner {height: 100%;} .sejour-picto {margin: 5px 5px !important;} .enfant_ombre{width: 180px;position: absolute;top: -30px ;z-index: 52;right: 10px;} } @media (max-width: 768px) { .mc-wrapper{padding-top: 0px !important;} #sejour-localisation { top: -320px !important;} #sejour-carousel {margin: 15px 20px;} .dc-sejour .entry-content:nth-of-type(1) {padding: 0px !important;} #sejour-inscription {display: block;margin: 15px 20px;background-color: #f8b133;padding: 10px 10px;border-radius: 10px;} #sejour-pictos {border-top-left-radius: 0px !important;border-top-right-radius: 0px !important;display: inline-flex;flex-wrap: wrap;align-content: center;width: 100% !important;font-size: 16px;justify-content: flex-start;} .sejour-picto {width: 80px;height: 80px;margin: 15px 13px !important ;} .sejour-picto.ans div:nth-of-type(1) {font-size: 20px;line-height: 1em;margin-top: 25px;letter-spacing: 0px;} .sejour-picto.ans div:nth-of-type(2) {font-size: 20px;line-height: .7em;margin-top: 0px;letter-spacing: 0px;} .sejour-picto.jours div:nth-of-type(1) {font-size: 20px;line-height: 1em;margin-top: 20px;letter-spacing: 0px;} .sejour-picto.jours div:nth-of-type(2) {font-size: 20px;line-height: .7em;margin-top: 0px;letter-spacing: 0px;} .carousel-inner {height: 100%;} #sejour-intitule{text-align: center !important;padding: 20px 0 20px 10px !important;} .post-title h2{margin-left: 20px;margin-top: 10px;} .post-title h3{margin-left: 20px;} .post-title p{margin-left: 20px;top: -15px !important;padding: 2px 8px !important;} .listItem { display: inline-block;margin: 14px 0px;height: 450px;width: auto;} .enfant_ombre{width: 180px;position: absolute;top: -30px !important;z-index: 52;right: 10px;} } @media (max-width: 1024px) { #sejour-pictos {width: 600px;margin: auto;background-color: white;border-top-left-radius: 10px;border-top-right-radius: 10px;top: 25px;} .dc-sejour .entry-content:nth-of-type(1){padding: 36px 40px 50px 40px;} .sejour-picto.ans div:nth-of-type(1) { margin-top: 25px;} #sejour-description.ui-tabs .ui-tabs-nav .ui-tabs-anchor {display: inline-flex;font-size: 19px !important; font-weight: bold;outline: 0;width: auto;height: 78px;text-align: center;justify-content: center;align-items: center;padding: 0 15px !important;} } @media (max-width: 1440px) { #sejour-description.ui-tabs .ui-tabs-nav .ui-tabs-anchor {display: inline-flex;font-size: 21px;font-weight: bold;outline: 0;width: auto;height: 78px;text-align: center;justify-content: center;align-items: center;padding: 0 35px;} .enfant_ombre{width: 180px;position: absolute;top: 35px;z-index: 52;right: 10px;} } @media (min-width: 1441px) { #sejour-description.ui-tabs .ui-tabs-nav .ui-tabs-anchor {display: inline-flex;font-size: 21px;font-weight: bold;outline: 0;width: auto;height: 78px;text-align: center;justify-content: center;align-items: center;padding: 0 45px;} .enfant_ombre{width: 238px;position: absolute;top: 0px;z-index: 52;right: 90px;} } /* fin */ .dc-sejour .mc-wrapper {/*max-width:1240px*/} .dc-sejour .entry-wrapper {width: 100%;/* margin:12px*/} .dc-sejour .mc-content .entry-title {/*border-top-left-radius:8px; border-top-right-radius:8px;*/ margin:0;} .dc-sejour .mc-content .entry-wrapper h2.entry-title:first-of-type {padding-right:112px;} @media (max-width:416px){.dc-sejour .mc-content .entry-wrapper h2.entry-title {padding-left:8px; padding-right:8px;}} /*TODO : voir .dc-cesl .mc-content[max-width~="380px"] .entry-content-wrapper*/ @media (max-width:600px){.dc-sejour .mc-content .entry-wrapper h2.entry-title:first-of-type {padding-right:96px;}} zzzz .dc-sejour .entry-content-wrapper {border-bottom-right-radius:8px; border-bottom-left-radius:8px;} @media (max-width:416px){ .dc-sejour .entry-content-wrapper {padding:0!important} /* TODO : voir .dc-cesl .mc-content[max-width~="380px"] .entry-content-wrapper style-resp19 62 */ } @media (min-width:601px){ /* .dc-sejour .entry-content-wrapper {padding-bottom: 120px;} */ } .dc-sejour .entry-content {font-size:0 /*; position:relative; margin:0*/} .dc-sejour .entry-content div {font-size:1rem;} .dc-sejour .entry-content .titre{display: flex;} .dc-sejour .entry-content:nth-of-type(1) {min-height: 876.6px; background-color:#fff; /*padding-bottom:12px;*/ transition:all ease 0.5s; padding: 77px 40px 54px 40px;} .dc-sejour #boxes {margin:12px auto} @media only screen and (max-width:362px) {.dc-sejour #boxes {display:none}} .dc-sejour .boxes300 {margin:0} .dc-sejour .boxes300 > ul {width:100%; text-align:center; padding:12px 0} .dc-sejour footer .bottomnav, .dc-sejour footer .general-mention {/*max-width:1216px*/} .dc-cesl .cus-toggle-content>ul>li {margin-bottom:40px;} .dc-cesl .sejour-dureeId {display:none; font-size:.8rem!important} .dc-cesl .sejour-inscription div:first-of-type {display:block;} .cus-toggle-infos>ul>li>h4 {display: inline-block;} /**** * PAGE ELEMENTS ****/ /* intitulé du séjour */ #sejour-intitule {display: table-cell; padding: 20px 0 20px 0; vertical-align:middle; line-height:1em; font-size: 30px; font-weight: bold; width: 89.2%; z-index:52; text-align: start;color: black;} @media (max-width:416px){ #sejour-intitule {padding:20px 8px} } @media (max-width:600px){ #sejour-intitule {font-size:1.5rem; width:calc(100% - 102px);padding: 35px 0 0 20px !important ;} } /* @media (max-width:1110px){ #sejour-intitule {width:calc(100% - 94px);} } */ /* localisation du séjour */ #sejour-localisation {position:absolute; z-index:-1; top:-480px; right: 0; display: flex;width: 100%;object-fit: contain;} /* @media (max-width:416px) {#sejour-localisation {top:-28px}} */ /* @media (min-width:417px) and (max-width:600px) {#sejour-localisation {top:-46px}} */ /* @media (max-width:600px) {#sejour-localisation {height:90px}} */ /* photos du séjour */ #sejour-slideshow {position:absolute; top: 315px;right: 16px; z-index:50; display:block; overflow:hidden; margin:0; width: 30%; height: 411px;border-radius: 10px;} #sejour-photo-mask {width:356px; height:440px; position:absolute; top:100px; right:-20px; z-index:51;} #sejour-slideshow .photo-sejour-img {display:block; width: 100%;height:440px; position:absolute; left:0; top:0;} #sejour-slideshow .photo-sejour-img img {display:none;} @media (max-width:416px) {#sejour-slideshow, #sejour-photo-mask {right:0;}} @media (max-width:600px) {#sejour-slideshow, #sejour-photo-mask {width:235px; height:290px; top:50px;}} /* @media (min-width:601px) and (max-width:1110px) {#sejour-slideshow, #sejour-photo-mask {top:70px;}} */ @media (max-width:1111px) {#sejour-slideshow, #sejour-photo-mask {}} /* diapos du séjour */ #sejour-diapos {text-align:center; /*margin-bottom:-12px*/} .diapo-sejour {position:relative; display:inline-block; background: #fff; margin:8px; padding:8px 8px 32px 8px; z-index:52; box-shadow:2px 2px 5px 1px rgba(0,0,0,0.5);} .diapo-sejour:nth-of-type(1) {top:-10px; transform: rotate(7deg) translate3d(0, 0, 0);} .diapo-sejour:nth-of-type(2) {top:0; transform: rotate(350deg) translate3d(0, 0, 0);} .diapo-sejour:nth-of-type(3) {top:-40px; transform: rotate(340deg) translate3d(0, 0, 0);} .diapo-sejour:nth-of-type(4) {top:-50px; transform: rotate(4deg) translate3d(0, 0, 0);} .diapo-sejour-img {width:180px; height:180px; overflow:hidden;} .diapo-sejour-img img {display:none;} @media (max-width:1148px){.diapo-sejour:nth-of-type(4) {display:none;}} @media (max-width:920px){.diapo-sejour:nth-of-type(3) {display:none;}} @media (max-width:630px){ .diapo-sejour:nth-of-type(1) {margin:0;} .diapo-sejour:nth-of-type(2) {margin:0;} /* .diapo-sejour-img {width:140px; height:140px} */ } /* pictos du séjour */ #sejour-pictos {position: relative; z-index:52; font-size:0; /*height:94px*/} .sejour-picto {display:inline-block; width: 80px;height: 80px;margin: 18px 20px 0 20px; vertical-align:top; text-align:center; text-shadow:0px 0px 3px rgba(0,0,0,0.2); border-radius:50%;background-color: #f8b133;} .sejour-picto div {display:block; color:#fff; font-family:Nunito; font-weight:700; letter-spacing:0px; margin:0 auto} /* .sejour-picto.ans div:nth-of-type(1) {font-size:1.7em; line-height:1em; margin-top: 30px; letter-spacing:-1px;} */ /* .sejour-picto.ans div:nth-of-type(2) {font-size:1.3em; line-height:.7em; margin-top:0; letter-spacing:-1px;} */ /* .sejour-picto div:nth-of-type(1) {font-size:2.2em; line-height:.65em; margin-top: 30px; letter-spacing:-1px;} .sejour-picto div:nth-of-type(2) {font-size:1.3em; line-height:1em; letter-spacing:-1px;} */ .sejour-picto img {margin: 0;height: inherit;} /* @media (max-width:416px){ #sejour-pictos {padding:8px} } */ /* @media (max-width:600px) {#sejour-pictos {width:100%}} */ /* @media (min-width:601px),(max-width:1110px){#sejour-pictos {width:calc(100% - 112px);}} */ /* @media (max-width:1110px){ .sejour-picto {width:60px; height:60px; font-size:.8rem!important} .sejour-picto.ans div:nth-of-type(1) {margin-top:.9em!important; line-height:.8em; text-indent:-1px;} .sejour-picto.jours div:nth-of-type(1) {margin-top:.6em!important;} .sejour-picto img {width:60px; margin:0;} } */ @media (min-width:1111px){ #sejour-pictos {width: 900px;background: white;margin: 0 auto -60px auto;border-top-left-radius: 10px;border-top-right-radius: 10px;display: flex;justify-content: center;} .sejour-picto {width:100px; height:100px; font-size:1rem!important} } .sejour-picto-sq {margin:8px 8px 8px 0; vertical-align:top; text-align:center; text-shadow:0px 0px 3px rgba(0,0,0,0.2); border-radius:50%; width:48px; height:48px;} /* sejour-jumele */ .sejour-jumele {border:2px solid #FF9039; border-top-right-radius:12px; border-bottom-left-radius:12px; margin:8px 8px 8px 0; padding:2px 4px; font-size:11px; display:inline-block; vertical-align:top; background-color:#fff} .sejour-jumele span a:hover {text-decoration:underline;} .sejour-jumele span:nth-of-type(1) {text-transform:uppercase;font-size:9px;font-weight:bold;font-style:italic;color:#CD752F/*#A58700/*#C6A200/*#7F6100/*#BCA526*/} .sejour-jumele span:nth-of-type(2) a {color:#678700/*#6D6D6D/*#7F6100/*#BCA526*/} /* sejour-nouveauprog */ .sejour-nouveauprog {position:relative; right:8px; background:#FF412A; border:1px solid #8F251F; color:#fff; border-radius:16px; font-size:12px; font-weight:bold; font-family:arial, sans serif; line-height:13px; padding:3px 8px; text-align:center; text-transform:uppercase; text-shadow:0 0 2px #666; transform:rotate(3deg); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg);-o-transform: rotate(4deg); -ms-transform: rotate(3deg); -khtml-transform: rotate(3deg);} .sejour-nouveau {position:absolute; right:460px; top:-24px; background:#FF412A; color:#fff; border:1px solid #8F251F; border-radius:16px; padding:0 8px; display:block; font-size:12px; font-weight:bold; font-family:arial, sans serif; text-align:center; text-shadow:0 0 2px #666; z-index:52; transform:rotate(3deg); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg);-o-transform: rotate(3deg); -ms-transform: rotate(4deg); -khtml-transform: rotate(3deg);} @media (max-width:416px){.sejour-nouveau {top:-8px!important;}} @media (max-width:600px){.sejour-nouveau {top:-20px; font-size:.75rem!important}} @media (max-width:870px){.sejour-nouveau {right:unset; left:0}} /* sejour-partages */ #sejour-partages {display:none; position:absolute; top:120px; right:250px; text-align:left; z-index:151} .sejour-partage-mail {vertical-align:middle; display:inline;} .sejour-partage-mail a {display:block; border-radius:3px; margin-bottom:4px; padding:1px 8px; background-color:#1877F2; color:#fff; font-weight:bold; font-size:12px;} /*.dc-cesl .mc-content[max-width~="650px"] #sejour-partages {display:none;}*/ /* @media (max-width:1110px){ #sejour-partages {display:none;}} */ @media (min-width:1111px){ #sejour-partages {display:block;}} /* inscription au séjour */ /*.sejour-inscription {font-size:12px; border:0px;}*/ /* #sejour-inscription {display:none; z-index:152;} */ /*#sejour-inscription .ui-button.ui-state-default {font-weight:400;text-transform:uppercase}*/ #sejour-inscription button {font-weight:600; text-transform:uppercase;margin-bottom:8px} #sejour-inscription.ui-tabs .ui-tabs-nav .ui-tabs-anchor {display:inline-block; padding:0 8px; font-size: 25px; font-weight:bold;line-height:1.5rem;color: black;} #sejour-inscription>ul {position:relative; z-index:153; text-align:start;} #sejour-inscription>ul>li {margin-left:5px; height:12px;} #sejour-inscription>div {position:relative; z-index:154; padding:6px 10px; overflow:hidden;/* box-shadow:2px 2px 5px rgba(0,0,0,0.5);*/ border-radius:6px; border-top-right-radius:0px;} #sejour-inscription>div form {position:relative;} #sejour-inscription>div label {display:inline-block; line-height:1em} #sejour-inscription>div .ui-selectmenu-button {margin-bottom: 8px;width: 396px !important;border-radius: 0;border: none;padding: 12px 15px;font-size: 16px;background-color: white;color: black;} #sejour-inscription>div button {display:none;line-height:1em;width:100%; outline:0} #sejour-inscription>div button.active {display:block} #sejour-inscription>div .sejour-tarif {display:none; margin-left:12px; width:94px; padding-top:1px; vertical-align:top; text-align:center; font-size:1.5em; border-radius:4px;} #sejour-inscription>div .sejour-tarif.active {display:inline-block} #sejour-inscription>div label[for=sejour-periode-button], #sejour-inscription>div #sejour-periode-button.ui-selectmenu-button {width:100%; max-width: 396px;border-radius: 0;border: none;} #sejour-inscription>div label[for=sejour-villedepart-button], #sejour-inscription>div #sejour-villedepart-button.ui-selectmenu-button {/*width:170px;*/} @media (max-width:336px){ #sejour-inscription {display:block; position:relative; width:calc(100% - 16px); margin:64px 8px 12px 8px} } /* @media (min-width:337px) and (max-width:416px){ #sejour-inscription {display:block; position:relative; width:max-content; margin:48px 8px 12px 8px} } */ /* @media (min-width:417px) and (max-width:850px){ #sejour-inscription {display:block; position:relative; width:max-content; margin:12px 0} } */ /* @media (min-width:851px) and (max-width:1110px){ #sejour-inscription {display:block; position:relative; width:max-content; margin:12px 0} } */ #sejour-inscription {display:block; /*position:absolute; right: 16px; *//*top:-56px;*/background-color: #f8b133;/*width: 30%;height: 239px;*/border-radius: 10px;text-align: start;padding: 28px 22px 0px 22px;line-height: 30px;margin-bottom: 18px;} /* description du séjour */ #sejour-description {display:block; position:relative; /*top:12px; left:0;*/ z-index:54; /*width:75%; border:0px;*/ padding:0; margin-top:12px; margin-bottom:12px} /* @media (min-width:1111px){#sejour-description {width: 100%;/*display: flex;align-content: flex-start;align-items: center;flex-wrap: wrap;justify-content: flex-start;}} @media (max-width:1110px){#sejour-description {width:100%;}} */ #sejour-description ul {padding-left:0px;} #sejour-description li {list-style:none; padding:0;} #sejour-description>ul {/*font-size:0;*/ padding-left: 0;text-align: start;display: flex;margin-bottom: 26px;} #sejour-description.ui-tabs .ui-tabs-panel {} #sejour-description.ui-tabs .ui-tabs-nav .ui-state-default {margin-right: -10px;margin-bottom: 0; border-bottom: 5px solid #f8b133;} #sejour-description>div {position:relative; /*border:1px solid #777;*/ overflow:hidden; min-height:250px; max-height:3500px; padding-bottom:15px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;/* box-shadow:2px 2px 5px rgba(0,0,0,0.5);*/ transition:max-height 1s ease 0s; -webkit-transition:max-height 1s ease 0s; -moz-transition:max-height 1s ease 0s;} @media (max-width:416px){ #sejour-description>div {box-shadow:unset} } #sejour-description>div.minheight {max-height: 540px;} #sejour-description>div .fixbtmin, #sejour-description>div .fixbtmax {color:#fff;padding:3px 6px;border-top-left-radius: 0;border-bottom-right-radius: 0; display:none;position:absolute;right:50px;bottom:0px; transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s} #sejour-description>div>h4 {display:none} #sejour-description>div>ul>li{/*padding:26px 0;*/display:none;width: 100%;/*affiché par js*/} #sejour-description>div>ul>li>div, #sejour-description>div>ul>li>img {position:absolute; display:none} #sejour-description>div>ul>li>h4 {/*padding:0 0 0 63px;*/ font-size: 41px; font-weight:bold; text-transform: capitalize; text-align:left;color:#f8b133 } #sejour-description>div>ul>li>p {padding:0 50px 0 0px; font-size:13px; text-align:justify;/* margin:0px*/} #sejour-description>div>ul>li>ul {padding:0 20px 0 65px; font-size:13px; text-align:justify; margin-top:0px;} #sejour-description>div>ul>li>ul>li {/*font-size:13px;*/ list-style-type:disc; /*margin-left: 12px;*/ font-weight: 500 !important;} @media (max-width:1110px){ #sejour-description>div>ul>li>p, #sejour-description>div>ul>li>ul {padding-left:0;} } #sejour-description>div>ul>.sejour-transport {display:block;} #sejour-description #sejour-videos {overflow:hidden; padding:0} #sejour-description #sejour-videos .sejour-video {overflow:hidden; padding-bottom:56.25%; position:relative; height:0} #sejour-description #sejour-videos .sejour-video iframe {left:0; top:0; height:100%; width:100%; position:absolute;border-radius: 10px;} #sejour-description .video {padding:2px;} #sejour-description .video #playervideo {width:536px;height:304px;display:block} #sejour-description #sejour-commentaires div h4 {display:inline-block;font-size: 41px; font-weight: bold;text-transform: capitalize;text-align: left; color: #f8b133;} #sejour-description .sejour-activites h4 {height:50px;} #sejour-description .sejour-activites p, #sejour-description li {text-align:justify;} .picto-sejour-description {width:63px; height:49px;} .picto-sejour-description {float:left;} @media (max-width:430px) { #sejour-description.ui-tabs .ui-tabs-nav .ui-tab .ui-tabs-anchor {min-width:100%; max-width:100%;} #sejour-description.ui-tabs .ui-tabs-panel {border-top-right-radius:0} } @media (max-width:851px){ #sejour-description {} #sejour-description.ui-tabs .ui-tabs-nav .ui-tab {width:100%;} #sejour-description.ui-tabs .ui-tabs-nav .ui-tab .ui-tabs-anchor {width:100%; border-radius:0} #sejour-description.ui-tabs .ui-tabs-nav .ui-tab:first-child .ui-tabs-anchor {border-top-left-radius:6px; border-top-right-radius:6px;} } @media (min-width:431px) and (max-width:850px){ #sejour-description.ui-tabs .ui-tabs-nav .ui-tab .ui-tabs-anchor {min-width:120px; max-width:190px;} } /* commentaires sur le séjour */ /* #sejour-commentaires {padding:15px;width:505px;text-align:center;} */ #sejour-commentaires {padding:15px; text-align:center;} @media (min-width:1160px){#sejour-commentaires {width:78%;}} @media (max-width:860px){#sejour-commentaires {width:98%;}} #sejour-commentaires {width:100%;} #sejour-commentaires div h4 {display:inline-block;font-size: 41px; font-weight: bold;text-transform: capitalize;text-align: left; color: #f8b133;} #sejour-commentaires button {margin:0;z-index:61;} #sejour-commentaires button.active {border-bottom-color:#EAEAEA; border-bottom-left-radius:0px;border-bottom-right-radius:0px;} #sejour-commentaires p#pr-info {display:inline-block;padding:7px 8px;line-height:13px; border-radius:4px;} #sejour-commentaires p.error {background:#FFB8B7;color:#222;margin-left:15px;max-width:324px} #sejour-commentaires p.message {background:#BFFFC0;margin:15px auto 0 auto;width:80%; display:inline-block;text-align:center;color:#222;/*max-width:324px*/} .comment-form {display:none; background:#EAEAEA; z-index:60; border:1px solid #BBB; margin:0; text-align:left; border-top-left-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .comment-form.active {display:block;} .comment-form .remember {display:none;} .comment-form fieldset {border:none;} .comment-form fieldset p.field {padding:4px 0;color:#555;} .comment-form fieldset p.field:nth-of-type(1) {display:inline-block} .comment-form fieldset p.field:nth-of-type(1) input {width:96%;} .comment-form fieldset p.field:nth-of-type(2) {display:inline-block;} .comment-form fieldset p.field:nth-of-type(2) input {width:96%;} .comment-form fieldset p.field textarea {width:98%;} /* .comment-form fieldset:nth-of-type(2) {font-size:0;line-height:0;vertical-align:top;} */ .comment-form fieldset p.buttons {display:inline-block;vertical-align:top; margin:0} .comment-form fieldset p.buttons input {background:#ccc;text-transform:uppercase} #comments {text-align:left} #comments dd {font-size:1em; margin:0 0 24px 0; display:block; position:relative;} #comments dd .comment_content {padding:12px; width:calc(100% - 134px); border-radius:12px; position:relative; display:inline-block;} #comments dd .comment_content p {margin:0} #comments dd .comment_content p, #comments dd .comment_content p span {font-family:Nunito, arial, sans serif!important; font-size:1rem!important; line-height:1.5rem!important} #comments dd .comment_author {width:100px; line-height:1em; font-size:0.9em; margin-top:32px; color:#222;} #comments dd .comment_author span {display:none; font-size:0.9em; color:#777} #comments dd .comment_triangle { position:relative; font-size:50px; line-height:50px; overflow:hidden;/*background-color:red;*/} #comments dd .comment_content {} #comments dd .comment_author {float:left; text-align:right;} #comments dd .comment_triangle {float:left; margin-right:-20px; -ms-transform:rotate(20deg); -webkit-transform:rotate(20deg); transform: rotate(20deg)} #comments dd.odd .comment_content {} #comments dd.odd .comment_author {float:right; text-align:left;} #comments dd.odd .comment_triangle {float:right; margin-left:-22px; margin-right:6px; -ms-transform:rotate(-20deg); -webkit-transform:rotate(-20deg); transform:rotate(-20deg)} @media (max-width:600px){ #comments dd .comment_author {width:50px;} #comments dd .comment_content {padding:12px; width:calc(100% - 84px);} } #comments-main, #comments-main dl {background:transparent;} #comments-main {font-size:12px;} /* #comments-main #comments dd .comment_content, #comments-main #comments dd .comment_content p{color:#152632} #comments-main #comments dd .comment_content {margin-right:0;width:466px;margin-left:140px;padding:10px;} #comments-main #comments dd .comment_content a {font-size:1.4em;color:#2A4C64;} #comments-main #comments dd .comment_author {color:#eee;width:120px;margin-left:0;} #comments-main #comments dd.odd .comment_author {margin-right:0;} #comments-main #comments dd.odd .comment_content {margin-left:0;background:#9BD7FF;} #comments-main #comments dd.odd .comment_triangle {color:#9BD7FF;} */ /* #mini-comments {margin:0 10px; text-align:justify;} /* post-others */ /* #post-others {/*margin:0 12px 12px 12px;background-color: white;}*/ /* #post-others #more-sejours {text-align:center; padding:16px; font-size:1rem;} */ /* #post-others #more-sejours a {font-weight:600; padding:6px 12px; border-radius:8px; display:inline-block;} */ /* #post-others .post-content {font-size:0; overflow:hidden; width:100%; -webkit-transition:max-height 3.0s; -moz-transition:max-height 3.0s; transition:max-height 3.0s;} */ /* #post-others .post-link {width:100%; max-width:400px; height:100px; margin:12px; overflow:hidden; font-size:0; display:inline-block; box-shadow:0px 0px 10px rgba(0,0,0,0.3); */ /* background:#eee; border-radius:8px; text-align:left} #post-others .post-link:nth-child(odd) {/*margin-right:16px;*/ /* #post-others .post-link:hover {background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.5);} */ /* #post-others .post-link .post-title {position:relative; display:inline-block; width:calc(100% - 100px); height:100px; padding:4px 8px; vertical-align:top; font-size:1rem; */ /* text-align:left; border-top-left-radius:0;} */ /* #post-others .post-link .post-title h2 {color:#444;font-size:1.6em; line-height:1em; margin:0; padding:0; padding-bottom:4px;} */ /* #post-others .post-link .post-title h3 {color:#222;font-size:1.2em; font-weight:normal;line-height:1em; margin:0; padding:0; padding-bottom:4px;} */ /* #post-others .post-link .post-title p {position:absolute; bottom:8px; right:8px; display:block; text-align:right; color:#2767A1; font-size:.9em; line-height:1em; margin:0; font-weight:600;} */ /* #post-others .post-link .post-image {display:inline-block; width:100px; height:100px; background:url(/public/ambiances/.cesl-logo-oblique_t.png) no-repeat 50% 50%} */ /* #post-others .post-link .post-other-img {width:100px;height:100px;overflow:hidden;} */ /* #post-others .post-link .post-other-img img {display:none;} */ /* #first-others {text-align:center; padding-top:12px} */ /* #all-others {text-align:center; max-height:4000px; height:auto} */ /* @media (max-width:416px){ */ /* #post-others {margin:0 4px 4px 4px} #post-others .post-link, #post-others .post-link .post-title {height:90px} #post-others .post-link .post-title {width:calc(100% - 70px)} #post-others .post-link .post-title h2 {font-size:1.25em} #post-others .post-link .post-title h3 {font-size:1em} #post-others .post-link .post-title p {bottom:4px;} #post-others .post-link .post-image, #post-others .post-link .post-other-img {width:70px; height:90px} */ @media (max-width:480px){ /* #post-others .post-link {max-width:calc(100% - 24px)} */ } */ /**** * SEASONS COLORS CUSTOMIZING ****/ /* .mc-content .entry-title */ .sejour-hiver .mc-content .entry-title {background-color:#FFC300!important; color:#fff; text-shadow:0px 0px 16px #B79500;} .sejour-printemps .mc-content .entry-title {background-color:#FFC300!important; color:#fff; text-shadow:0px 0px 16px #B79500;} .sejour-ete .mc-content .entry-title {background-color:#FFC300!important; color:#fff; text-shadow:0px 0px 16px #B79500;} .sejour-automne .mc-content .entry-title {background-color:#FFC300!important; color:#fff; text-shadow:0px 0px 16px #B79500;} /* .entry-wrapper>.entry-content p */ .sejour-hiver .entry-wrapper>.entry-content p {color:#000000/*#7F7100*/} .sejour-printemps .entry-wrapper>.entry-content p {color:#7F6100/*#7F7100*/} .sejour-ete .entry-wrapper>.entry-content p {color:#7F6100/*#7F7100*/} .sejour-automne .entry-wrapper>.entry-content p {color:#7F6100/*#7F7100*/} /* #sejour-description */ .sejour-hiver #sejour-intitule, .sejour-hiver #sejour-description.tabs>div>ul>li>h4, .sejour-hiver #sejour-description.tabs>div>ul>li>ul>li, .sejour-hiver #sejour-description.tabs>div>ul>li>ul>li, .sejour-hiver .entry-wrapper h3 {color:#272825; font-size: 17px; font-weight: bold;} .sejour-printemps #sejour-intitule, .sejour-printemps #sejour-description.tabs>div>ul>li>h4, .sejour-printemps #sejour-description.tabs>div>ul>li>p, .sejour-printemps #sejour-description.tabs>div>ul>li>ul>li, .sejour-printemps .entry-wrapper h3 {color:#272825; font-size: 17px; font-weight: bold;} .sejour-ete #sejour-intitule, .sejour-ete #sejour-description.tabs>div>ul>li>h4, .sejour-ete #sejour-description.tabs>div>ul>li>p, .sejour-ete #sejour-description.tabs>div>ul>li>ul>li, .sejour-ete .entry-wrapper h3 {color:#272825; font-size: 17px; font-weight: bold;} .sejour-automne #sejour-intitule, .sejour-automne #sejour-description.tabs>div>ul>li>h4, .sejour-automne #sejour-description.tabs>div>ul>li>p, .sejour-automne #sejour-description.tabs>div>ul>li>ul>li, .sejour-automne .entry-wrapper h3 {color:#272825; font-size: 17px; font-weight: bold;} /* sejour-description */ .sejour-hiver #sejour-description>div .fixbtmin, .sejour-hiver #sejour-description>div .fixbtmax {background-color: #ffffff;color: black;font-size: 16px;font-weight: 700;border-bottom: 5px solid #f8b133;border-bottom-width: 5px;border-bottom-style: solid;border-bottom-color: rgb(248, 177, 51);} .sejour-hiver #sejour-description>div .fixbtmin:hover, .sejour-hiver #sejour-description>div .fixbtmax:hover {background-color: #f8b133;text-decoration: none;text-decoration-line: none;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: white;border-bottom: 5px solid #ffffff;border-bottom-width: 5px;border-bottom-style: solid;border-bottom-color: rgb(255, 255, 255);} .sejour-printemps #sejour-description>div .fixbtmin, .sejour-printemps #sejour-description>div .fixbtmax {background-color: #ffffff;color: black;font-size: 16px;font-weight: 700;border-bottom: 5px solid #f8b133;border-bottom-width: 5px;border-bottom-style: solid;border-bottom-color: rgb(248, 177, 51);} .sejour-printemps #sejour-description>div .fixbtmin:hover, .sejour-printemps #sejour-description>div .fixbtmax:hover {background-color: #f8b133;text-decoration: none;text-decoration-line: none;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: white;border-bottom: 5px solid #ffffff;border-bottom-width: 5px;border-bottom-style: solid;border-bottom-color: rgb(255, 255, 255);} .sejour-ete #sejour-description>div .fixbtmin, .sejour-ete #sejour-description>div .fixbtmax {background-color: #ffffff;color: black;font-size: 16px;font-weight: 700;border-bottom: 5px solid #f8b133;border-bottom-width: 5px;border-bottom-style: solid;border-bottom-color: rgb(248, 177, 51);} .sejour-ete #sejour-description>div .fixbtmin:hover, .sejour-ete #sejour-description>div .fixbtmax:hover {background-color: #f8b133;text-decoration: none;text-decoration-line: none;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: white;border-bottom: 5px solid #ffffff;border-bottom-width: 5px;border-bottom-style: solid;border-bottom-color: rgb(255, 255, 255);} .sejour-automne #sejour-description>div .fixbtmin, .sejour-automne #sejour-description>div .fixbtmax {background-color: #ffffff;color: black;font-size: 16px;font-weight: 700;border-bottom: 5px solid #f8b133;border-bottom-width: 5px;border-bottom-style: solid;border-bottom-color: rgb(248, 177, 51);} .sejour-automne #sejour-description>div .fixbtmin:hover, .sejour-automne #sejour-description>div .fixbtmax:hover {background-color: #f8b133;text-decoration: none;text-decoration-line: none;text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;color: white;border-bottom: 5px solid #ffffff;border-bottom-width: 5px;border-bottom-style: solid;border-bottom-color: rgb(255, 255, 255);} .sejour-hiver #sejour-description.ui-tabs .ui-tabs-nav .ui-tabs-anchor {border-bottom: 5px solid #f8b133;color: #000;/* text-shadow: 0px 0px 6px #b79500; */font-size: 21px;font-weight: bold;font-family: Roboto;} .sejour-hiver #sejour-description.ui-tabs .ui-tabs-active .ui-tabs-anchor, .sejour-hiver #sejour-description.ui-tabs .ui-tabs-active.ui-state-hover .ui-tabs-anchor {background-color:#f8b133; color:white;} .sejour-hiver #sejour-description.ui-tabs .ui-state-hover .ui-tabs-anchor {background:#f8b133; color:white;} .sejour-hiver #sejour-description.ui-tabs .ui-tabs-panel {/*border-color:#FFD000;background-color:#FFFEED*/} .sejour-hiver #sejour-description.ui-tabs .ui-tabs-panel>ul>li>h4 {color:#f8b133; font-size: 41px;} .sejour-printemps #sejour-description.ui-tabs .ui-tabs-nav .ui-tabs-anchor {border-bottom: 5px solid #f8b133;color: #000;/* text-shadow: 0px 0px 6px #b79500; */font-size: 21px;font-weight: bold;font-family: Roboto;} .sejour-printemps #sejour-description.ui-tabs .ui-tabs-active .ui-tabs-anchor, .sejour-printemps #sejour-description.ui-tabs .ui-tabs-active.ui-state-hover .ui-tabs-anchor {background-color:#f8b133; color:white;} .sejour-printemps #sejour-description.ui-tabs .ui-state-hover .ui-tabs-anchor {background:#f8b133; color:white;} .sejour-printemps #sejour-description.ui-tabs .ui-tabs-panel {/*border-color:#FFD000;background-color:#FFFEED*/} .sejour-printemps #sejour-description.ui-tabs .ui-tabs-panel>ul>li>h4 {color:#f8b133; font-size: 41px;} .sejour-ete #sejour-description.ui-tabs .ui-tabs-nav .ui-tabs-anchor {border-bottom: 5px solid #f8b133;color: #000;/* text-shadow: 0px 0px 6px #b79500; */font-size: 21px;font-weight: bold;font-family: Roboto;} .sejour-ete #sejour-description.ui-tabs .ui-tabs-active .ui-tabs-anchor, .sejour-ete #sejour-description.ui-tabs .ui-tabs-active.ui-state-hover .ui-tabs-anchor {background-color:#f8b133; color:white;} .sejour-ete #sejour-description.ui-tabs .ui-state-hover .ui-tabs-anchor {background:#f8b133; color:white;} .sejour-ete #sejour-description.ui-tabs .ui-tabs-panel {/*border-color:#FFD000;background-color:#FFFEED*/} .sejour-ete #sejour-description.ui-tabs .ui-tabs-panel>ul>li>h4 {color:#f8b133; font-size: 41px;} .sejour-automne #sejour-description.ui-tabs .ui-tabs-nav .ui-tabs-anchor {border-bottom: 5px solid #f8b133;color: #000;/* text-shadow: 0px 0px 6px #b79500; */font-size: 21px;font-weight: bold;font-family: Roboto;} .sejour-automne #sejour-description.ui-tabs .ui-tabs-active .ui-tabs-anchor, .sejour-automne #sejour-description.ui-tabs .ui-tabs-active.ui-state-hover .ui-tabs-anchor {background-color:#f8b133; color:white;} .sejour-automne #sejour-description.ui-tabs .ui-state-hover .ui-tabs-anchor {background:#f8b133; color:white;} .sejour-automne #sejour-description.ui-tabs .ui-tabs-panel {/*border-color:#FFD000;background-color:#FFFEED*/} .sejour-automne #sejour-description.ui-tabs .ui-tabs-panel>ul>li>h4 {color:#f8b133; font-size: 41px;} /* inscription */ .sejour-hiver #sejour-inscription.ui-tabs .ui-tabs-nav .ui-tabs-anchor {background:#96B0D7;color:#225B8D} .sejour-hiver #sejour-inscription.ui-tabs .ui-tabs-active .ui-tabs-anchor, .sejour-hiver #sejour-inscription.ui-tabs .ui-tabs-active.ui-state-hover .ui-tabs-anchor {background-color:#B2D2FF} .sejour-hiver #sejour-inscription.ui-tabs .ui-state-hover .ui-tabs-anchor {background:#A4C1EB} .sejour-hiver #sejour-inscription.ui-tabs .ui-tabs-panel {background:#B2D2FF} .sejour-hiver #sejour-inscription>div label {color:#225B8D} .sejour-hiver #sejour-inscription .sejour-tarif {background:#368EDD;color:#fff} .sejour-printemps #sejour-inscription.ui-tabs .ui-tabs-nav .ui-tabs-anchor {background:#96B0D7;color:#437814} .sejour-printemps #sejour-inscription.ui-tabs .ui-tabs-active .ui-tabs-anchor, .sejour-printemps #sejour-inscription.ui-tabs .ui-tabs-active.ui-state-hover .ui-tabs-anchor {background-color:#DCFFBC} .sejour-printemps #sejour-inscription.ui-tabs .ui-state-hover .ui-tabs-anchor {background:#A4C1EB} .sejour-printemps #sejour-inscription.ui-tabs .ui-tabs-panel {background:#DCFFBC} .sejour-printemps #sejour-inscription>div label {color:#437814} .sejour-printemps #sejour-inscription .sejour-tarif {background:#69B225;color:#fff} .sejour-ete #sejour-inscription.ui-tabs .ui-tabs-nav .ui-tabs-anchor {/*background:#e5d8a2;*/color:#000000;font-size: 22px;font-weight: bold;} .sejour-ete #sejour-inscription.ui-tabs .ui-tabs-active .ui-tabs-anchor, .sejour-ete #sejour-inscription.ui-tabs .ui-tabs-active.ui-state-hover .ui-tabs-anchor {/*background-color:#FFF5CC*/} .sejour-ete #sejour-inscription.ui-tabs .ui-state-hover .ui-tabs-anchor {/*background:#f2e6b8*/} .sejour-ete #sejour-inscription.ui-tabs .ui-tabs-panel {/*background:#FFF5CC*/} .sejour-ete #sejour-inscription>div label {color:#000000; font-size: 16px;font-weight: normal;} .sejour-ete #sejour-inscription .sejour-tarif {background:#F2C900;color:#fff} .sejour-automne #sejour-inscription.ui-tabs .ui-tabs-nav .ui-tabs-anchor {background:#96B0D7;color:#C46200} .sejour-automne #sejour-inscription.ui-tabs .ui-tabs-active .ui-tabs-anchor, .sejour-automne #sejour-inscription.ui-tabs .ui-tabs-active.ui-state-hover .ui-tabs-anchor {background-color:#FFDEBC} .sejour-automne #sejour-inscription.ui-tabs .ui-state-hover .ui-tabs-anchor {background:#A4C1EB} .sejour-automne #sejour-inscription.ui-tabs .ui-tabs-panel {background:#FFDEBC} .sejour-automne #sejour-inscription>div label {color:#C46200} .sejour-automne #sejour-inscription .sejour-tarif {background:#EA7900;color:#fff} /* .picto-sejour-description */ .sejour-hiver .picto-sejour-description.activites {background:url(/public/sejours/pictos/picto-bleu-activites.png) no-repeat;} .sejour-hiver .picto-sejour-description.environnement {background:url(/public/sejours/pictos/picto-bleu-environnement.png) no-repeat;} .sejour-hiver .picto-sejour-description.hebergement {background:url(/public/sejours/pictos/picto-bleu-hebergement.png) no-repeat;} .sejour-hiver .picto-sejour-description.esprit {background:url(/public/sejours/pictos/picto-bleu-esprit.png) no-repeat;} .sejour-printemps .picto-sejour-description.activites {background:url(/public/sejours/pictos/picto-vert-activites.png) no-repeat;} .sejour-printemps .picto-sejour-description.environnement {background:url(/public/sejours/pictos/picto-vert-environnement.png) no-repeat;} .sejour-printemps .picto-sejour-description.hebergement {background:url(/public/sejours/pictos/picto-vert-hebergement.png) no-repeat;} .sejour-printemps .picto-sejour-description.esprit {background:url(/public/sejours/pictos/picto-vert-esprit.png) no-repeat;} .sejour-ete .picto-sejour-description.activites {background:url(/public/sejours/pictos/picto-jaune-activites.png) no-repeat;} .sejour-ete .picto-sejour-description.environnement {background:url(/public/sejours/pictos/picto-jaune-environnement.png) no-repeat;} .sejour-ete .picto-sejour-description.hebergement {background:url(/public/sejours/pictos/picto-jaune-hebergement.png) no-repeat;} .sejour-ete .picto-sejour-description.esprit {background:url(/public/sejours/pictos/picto-jaune-esprit.png) no-repeat;} .sejour-automne .picto-sejour-description.activites {background:url(/public/sejours/pictos/picto-orange-activites.png) no-repeat;} .sejour-automne .picto-sejour-description.environnement {background:url(/public/sejours/pictos/picto-orange-environnement.png) no-repeat;} .sejour-automne .picto-sejour-description.hebergement {background:url(/public/sejours/pictos/picto-orange-hebergement.png) no-repeat;} .sejour-automne .picto-sejour-description.esprit {background:url(/public/sejours/pictos/picto-orange-esprit.png) no-repeat;} /* pictos du séjour : couleur selon saison */ .sejour-hiver .sejour-picto {background-color:#f8b133} .sejour-printemps .sejour-picto {background-color:#f8b133} .sejour-ete .sejour-picto {background-color:#f8b133} .sejour-automne .sejour-picto {background-color:#f8b133 /* H30 S100 V100 */ /*F28E1F*/} .sejour-hiver .sejour-picto-sq {background-color:#FFC300} .sejour-printemps .sejour-picto-sq {background-color:#FFC300} .sejour-ete .sejour-picto-sq {background-color:#FFC300} .sejour-automne .sejour-picto-sq {background-color:#FFC300} /* commentaires */ .sejour-hiver #sejour-commentaires>h4 {color:#DDB300} .sejour-printemps #sejour-commentaires>h4 {color:#DDB300} .sejour-ete #sejour-commentaires>h4 {color:#DDB300} .sejour-automne #sejour-commentaires>h4 {color:#DDB300} .sejour-hiver #comments dd .comment_content {background:#B2D2FF} .sejour-hiver #comments dd .comment_triangle {color:#B2D2FF} .sejour-hiver #comments dd .comment_content p {color:#225B8D} .sejour-printemps #comments dd .comment_content {background:#DCFFBC} .sejour-printemps #comments dd .comment_triangle {color:#DCFFBC} .sejour-printemps #comments dd .comment_content p {color:#437814} .sejour-ete #comments dd .comment_content {background:#FFF5CC} .sejour-ete #comments dd .comment_triangle {color:#FFF5CC} .sejour-ete #comments dd .comment_content p {color:#7f5f00 /*H45 S100 V50*/ /*7f6a00*/ /*H50 S100 V50*/ /* old #BC9600*/} .sejour-automne #comments dd .comment_content {background:#FFDEBC} .sejour-automne #comments dd .comment_triangle {color:#FFDEBC} .sejour-automne #comments dd .comment_content p {color:#C46200}