/*---------------------------------*/ /*BASE STRUCT*/ /*---------------------------------*/ /* COLORS Questche : #710060 Fraise : #c81430 Vert : #87b04a Banane : #fae335 */ /*GLOBAL*/ @font-face { font-family: 'Lato-Regular'; src: url('../fonts/Lato-Regular.eot'); src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype'), url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato-Bold'; src: url('../fonts/Lato-Bold.eot'); src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff2') format('woff2'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype'), url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'audiowideregular'; src: url('../fonts/audiowide-Regular.eot'); src: url('../fonts/audiowide-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/audiowide-Regular.woff2') format('woff2'), url('../fonts/audiowide-Regular.woff') format('woff'), url('../fonts/audiowide-Regular.ttf') format('truetype'), url('../fonts/audiowide-Regular.svg#audiowideregular') format('svg'); font-weight: normal; font-style: normal; } body { background: #fff; overflow: hidden; overflow-y: auto; font-size:14px; font-family: 'Montserrat-SemiBold', sans-serif; background-repeat: no-repeat, no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; } body.mright{margin-right:260px;margin-left:-260px;} body.mleft{margin-left:260px;margin-right: -260px;} .tc_content ul, .tc_content ol { margin-top: 10px; margin-bottom: 10px; } .tc_content ul li, .tc_content ol li { box-sizing: border-box; list-style-type: disc; margin-left: 40px; } script{ display:none !important; } #xlogo{ position: relative; } .addr {color: rgba(0,0,0,0.5);line-height: 1.3;} h1, h2, h3, h4, h5, h6 { line-height: 120%; font-family: 'Lato-Bold',sans-serif; } h1{font-size: 25px;letter-spacing: 0.1em;} h2{color: #2b2b2b;font-weight: normal;} h3{font-size: 2vw;/* color: #fff; */} h4{font-size: 1.8vw;} h5{font-size: 1.4vw;} h6{font-size: 1.1vw;} .article_content h1{ margin: 10px 20px; } .article_content .tc_content{ padding: 10px 40px; } .article_content .tc_content ul li, .article_content .tc_content ol li { margin-left: 30px; font-size: 15px; line-height: 30px; } .wrapper { width: 100%; height: 100%; margin: 0 auto !important; z-index: 0; max-width: 1140px; } .content {font-size: 0.9em;} /***************************************************************************/ /*BASE STYLES*/ /***************************************************************************/ .centered { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; z-index: 2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: initial; -ms-transition: initial; -o-transition: initial; transition: initial; } img.cover{ position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; /* z-index: -1; */ } img.responsiveimg{ width: 100%; height: 100%; height: auto; } .fullheight{ max-height: 100%; height: 100%; } /*text align*/ .tar{text-align: right;} .tal{text-align: left;} .tac{text-align: center;} /*clearfix*/ .clearboth {clear: both;} .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { height: 1%; } .clearfix {display: block;} /*BASE MISE EN FORME*/ .page article ul { /*margin: 10px 20px;*/ font-family: 'Lato-Regular'; } .page article ul li { line-height: 150%; list-style-type: disc; } .page article ul li a { text-decoration: none; border-bottom: 1px dashed #999; color: #fff; font-size: 1.2em; } .page article ul li ul{ margin: 10px; } .page article p { line-height: 1.6; margin-bottom: 20px; font-family: 'Lato-Regular'; font-size: 16px; text-align: left; } .page_nos-solutions article a:hover { text-decoration: none; background: #786c5d; } .page table{ width:100%; } .page h1{ line-height: 140%; color: #E20000; font-weight: bold; text-align: center; margin: 20px 0px; position: relative; } .page h2{ line-height: 140%; padding: 10px 0 5px; margin-bottom: 15px !important; position: relative; color: #1d1c1b; font-size: 2.5em; text-align: left; } .page h3{line-height: 140%;/* padding: 0 10px; */font-size: 2.5em !important;/* font-weight: lighter; */margin: 1em 0;text-align: left;} .page h4{line-height: 140%;padding: 0 10px;/* margin: 0; */} .page h5{line-height: 140%; padding: 0 10px;} .page h6{line-height: 140%; padding: 0 10px;} .page h1 a{text-decoration: none; color: #fff;} .page list a{text-decoration: none;color: #fff;font-size: 30px;line-height: 30px;letter-spacing: 0.02em;} .page h3 a{text-decoration: none;color: #884b6e;} .page h4 a{text-decoration: none; color: #FFF;} .page h5 a{text-decoration: none; color: #fff;} .page h6 a{text-decoration: none; color: #debb07;} /* COLONNAGE */ div.contentSeparation-2 {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; } div.contentSeparation-3 {column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; } div.contentSeparation-4 {column-count: 4; -webkit-column-count: 4; -moz-column-count: 4; } @media screen and (max-width: 1140px) { div.contentSeparation-2, div.contentSeparation-3, div.contentSeparation-4 { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; } } @media screen and (max-width: 780px) { div.contentSeparation-2, div.contentSeparation-3, div.contentSeparation-4 { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; } } /* HABILLAGE D'IMAGE */ .alignright {float: right; } .aligncenter {margin: 10px auto;display: block;} .alignnone {display: block; } /* Reset flex */ .noflex{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: block; -webkit-box-orient: initial; -webkit-box-direction: initial; -webkit-flex-direction: initial; -ms-flex-direction: initial; flex-direction: initial; } /*GLOBAL INPUT LIB*/ input:-moz-read-only { /* For Firefox */ background-color: #eee; } input:read-only { background-color: #eee; } .input { position: relative; z-index: 1; display: inline-block; margin: 2px 1em; max-width: 350px; width: calc(100% - 2em); vertical-align: top; } .input__field { position: relative; display: block; float: right; padding: 0.9em 0.2em 0.5em; line-height: 140%; width: 60%; border: none; border-radius: 0; background: #f0f0f0; color: #aaa; font-weight: bold; -webkit-appearance: none; /* for box shadows to show on iOS */ } .input__field:focus { outline: none; } .input__label { display: inline-block; padding: 0 1em; width: 40%; color: #cac7e0; font-weight: bold; font-size: 70.25%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .input__label-content { position: relative; display: block; padding-top: 6px; width: 100%; font-size: 1.2em; } /* [SEARCH] Makiko */ .input--makiko { overflow: hidden; background: #e8e8e8; margin: 0; width: 100%; max-width: inherit; } .input__field--makiko { width: 100%; background: transparent; color: #797693; z-index: 10; padding: 0; font-weight: 500; font-size: 0.9em; padding: 0.5em 1em; box-sizing: border-box; line-height: 1em; border: 1px solid #ddd; } .input__label--makiko { position: absolute; width: 100%; text-align: left; pointer-events: none; color: #b5b5b5; line-height: 33px; } .input__label--makiko::before { content: ''; position: absolute; width: 24px; height: 24px; top: 0.3em; right: 30px; background: url(../images/search.svg) no-repeat center center; background-size: 100%; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7,0,0.3,1); transition: transform 0.4s cubic-bezier(0.7,0,0.3,1); } .input__label-content--makiko { display: block; padding-top: 0; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7,0,0.3,1); transition: transform 0.4s cubic-bezier(0.7,0,0.3,1); } .input__field--makiko:hover + .input__label--makiko::before, .input--filled .input__label--makiko::before { -webkit-transform: scale3d(140, 140, 1); transform: scale3d(140, 140, 1); } .input__field.onsearch{ background: url(../images/loading-search.svg) right center no-repeat; } /* [LOGIN] Hoshi */ .input--hoshi { overflow: hidden; } .input__field--hoshi { margin-top: 0.0em; box-sizing: border-box; width: 100%; background: transparent; color: #d0d0d0; font-size: 1.1em; text-shadow: 0 2px 3px #7968ff, 0px -2px 3px #222222; } .input__label--hoshi { position: absolute; bottom: 0; left: 0; padding: 0 0.25em; width: 100%; height: calc(100% - 1em); text-align: left; pointer-events: none; } .input__label-content--hoshi { position: absolute; } .input__label--hoshi::before, .input__label--hoshi::after { content: ''; position: absolute; top: 4px; left: 0; width: 100%; height: calc(100% - 10px); border-bottom: 1px solid #B9C1CA; } .input__label--hoshi::after { margin-top: 2px; border-bottom: 4px solid red; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .input__label--hoshi-color-1::after { border-color: #7968ff; } .input__label--hoshi-color-2::after { border-color: #00ffaa; } .input__label--hoshi-color-3::after { border-color: #ff5500; } .input__field--hoshi:focus + .input__label--hoshi::after, .input--filled .input__label--hoshi::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .input--filled .input__label-content--hoshi { -webkit-animation: anim-hoshi 0.3s forwards; -moz-animation: anim-hoshi 0.3s forwards; -ms-animation: anim-hoshi 0.3s forwards; -o-animation: anim-hoshi 0.3s forwards; animation: anim-hoshi 0.3s forwards; } @-webkit-keyframes anim-hoshi { 50% { opacity: 0; -webkit-transform: translate3d(1em, 0, 0); transform: translate3d(1em, 0, 0); } 51% { opacity: 0; -webkit-transform: translate3d(-1em, -40%, 0); transform: translate3d(-1em, -40%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, -40%, 0); transform: translate3d(0, -40%, 0); } } @keyframes anim-hoshi { 50% { opacity: 0; -webkit-transform: translate3d(1em, 0, 0); transform: translate3d(1em, 0, 0); } 51% { opacity: 0; -webkit-transform: translate3d(-1em, -40%, 0); transform: translate3d(-1em, -70%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, -40%, 0); transform: translate3d(0, -90%, 0); } } /*GLOBAL BUTTON*/ .discover{ position: absolute; bottom: 160px; left: 50%; cursor: pointer; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; padding: 13px 40px !important; border: 2px solid #fff !important; color: #fff; text-decoration: none; font-size: 1.3em; } body.mobile .discover{ display:none; } .button { color: #fff !important; text-decoration: none; padding: 15px 30px; margin-left: 6px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-sizing: border-box; font-family: 'Lato-Bold',sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; } .button.big { font-size: 1em; background-color: #E20000; color: #fff!important; margin-left: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; border: 2px solid #E20000; box-sizing:border-box; } .button.big:hover, .button.big:active, .button.big:focus{ color: #fff!important; background-color: #7e0000 !important; } .button:hover, .button:focus, .button:active { font-weight: bold; background:none; color: white!important; } .button.orange {background-color: #bf6129 !important;} .button.orange:hover, .button.orange:focus, .button.orange:active {background-color: #e27839 !important;} .button.yellow {background-color: #f2b300 !important;color: #3e3e3e !important;} .button.yellow:hover, .button.yellow:focus, .button.yellow:active {background-color: #ffd400 !important;} .button.green {background-color: #E20000 !important;} .button.green:hover, .button.green:focus, .button.green:active {background-color: #2cb29f !important;} .button.pink {background-color: #b7436e !important;} .button.pink:hover, .button.pink:focus, .button.pink:active {background-color: #ea4984 !important;} .button.indigo {background-color: #6c60c8 !important;} .button.indigo:hover, .button.indigo:focus, .button.indigo:active {background-color: #8e83e4 !important;} .button.red {background-color: #c00 !important;} .button.red:hover, .button.red:focus, .button.red:active {background-color: #e00 !important;} .bigicone { font-size: 1.6em !important; padding-left: 0; padding-right: 0.1em; } /* Toogle Bt Agence */ .toogleSlideBloc{ margin: 20px; } .toogleSlideBt { display:block; font-size: 20px; padding: 26px 10px 26px 88px; color: #4d4d4d; background-color: #e4e4e4; margin-top: 15px; text-transform: uppercase; font-weight: bold; cursor: pointer; position: relative; } .toogleSlideBt:before{ content: ""; display: block; background-image: url(../images/icons/envelope.svg); background-position: center; background-repeat: no-repeat; position: absolute; left: 10px; top: 5px; height: 60px; width: 60px; } .toogleSlideBt:hover{ color: #26a6d1; } .toogleSlideContent{ background: #f0f0f0; line-height: 120%; } /*---------------------------------*/ /* HERDER BAR */ /*---------------------------------*/ #headbar { background: #000; color: #666; } /* ---------------------- */ /* CEKOME-SOCIAL */ /* ---------------------- */ .sharesocialhead{ text-align: right; /* width: 100%; */ text-decoration: underline; color: #666; display: inline-block; font-size: 16px; vertical-align: baseline; line-height: 45px; } .socialdiv { text-align: right; color: rgba(0,0,0,0.4); } .share-buttons { display: inline-block; vertical-align: middle; margin-right: 6px; display: inline-block; margin-top: 6px; } .share-buttons a { display: inline-block; margin: 2px 13px; cursor: pointer; } .share-buttons a svg { height: 20px; fill: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 10px 0; } .share-buttons a svg + a svg{ background:#8a3ab9; } .share-buttons a:hover svg { fill: #b9bfcd; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .share-buttons img { width: 17px; padding: 4px 1px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } .share-buttons img:hover { filter: hue-rotate(180deg); -webkit-filter: brightness(40%) sepia(100%) hue-rotate(160deg) saturate(160%); -moz-filter: brightness(40%) sepia(100%) hue-rotate(160deg) saturate(160%); -o-filter: brightness(40%) sepia(100%) hue-rotate(160deg) saturate(160%); -ms-filter: brightness(40%) sepia(100%) hue-rotate(160deg) saturate(160%); } .headsocial{ width: 100%; display: block; text-align: right; padding: 0 0 50px 0px; box-sizing: border-box; } /*MENU HEADER*/ .ckinfo{ height: 100%; display: none; background: url(../images/icons/info_contact.svg) center center no-repeat; cursor: pointer; background-size:72px; } .ckinfo-toogle{ display: none; background: url(../images/icons/info_contact.svg) center center no-repeat; } .namehead{ background: #fff; margin: 10px 10px 0 10px; padding: 10px !important; text-align: center; font-family: 'bebasneue-regular-webfont',sans-serif; color:#f52557; font-size: 22px; } .namehead img{ max-width: 130px; height:auto; display: block; margin:0 auto; } .adressehead p{ font-size:12px; margin:10px 0; } .maphead, .telhead, .socialhead{ margin: 0; padding: 0 10px !important; } .maphead #map_canvas{ height: 160px; } #xnav {font-family: 'Lato-Regular';position: relative;z-index: 10;} .menuheadbar { float: left; margin: 0px 5px; font-family: 'kenyan_coffeeregular', sans-serif; } .menuheadbar li { display: inline-block; padding: 7px 5px; border-left: 1px dotted #786c5d; } .menuheadbar li a { color: #bbb; text-decoration: none; font-size: 0.8em; } .menuheadbar li a:hover { text-decoration: underline; color: #ddd; } .top-header { padding: 0 10px !important; text-align: right; } /*---------------------------------*/ /* HEADER */ /*---------------------------------*/ #xheader{ margin: 0 auto; top: 0; left: 0; right: 0; /* background: #fff; */ z-index: 99; width: 100%; } #xheader.mright{right:260px;left:-260px; } #xheader.mleft{left:260px;right: -260px;} .home #xnav .logoDiv img { display:none; } .logoCta { max-width: 500px; margin-bottom: 50px; } .adressehead{ font-family: 'Lato-Regular'; color: #ababab; font-weight: normal; font-size: 15px; line-height: 23px; } /*HEADER LOGO*/ #xlogo a { width: 100%; position: relative; display: block; text-align: center; } #xlogo a img{ width: 100%; max-width: 250px; background-color: #fff; box-sizing: border-box; padding: 0 13px 13px 13px; margin: -30px 0 -94px 0; position: relative; z-index: 10; border-radius: 20px; } #logo { width: 250px; max-width: 100%; } #xheader .tellink{ background-repeat:no-repeat; } #xheader .tellink a{ line-height: 20px; background: none; color: #ffffff; font-size: 14px; text-decoration: none !important; border: #786c5d; text-align: center; } #xheader .hero-menu a{ max-width: fit-content; margin: auto; color: #786c5d; font-size: 1em; text-decoration: none; } #xheader .hero-menu a:hover,#open-horaires:hover { text-decoration:underline; } #xheader .hero-menu .menuprimary a{ padding: 20px; } #xheader .phonea.hide{ text-decoration:underline; font-family: 'Lato-Bold',sans-serif; } #xheader .fusible { display: flex; justify-content: flex-end; } #xheader .header-address{ background-repeat: no-repeat; background-position: left center; color: #fff; line-height: 2; font-size: 15px; box-sizing: border-box; width: 100%; box-sizing: border-box; margin: 0px; } #xheader .header-address li{ position: relative; text-align: center; } #xheader .header-address li strong{ color: #786c5d; } #xheader .header-address li a{ text-decoration: none; color: #f7f100; position: relative; } #xheader .header-phone { background-repeat: no-repeat; background-position: left center; padding-left: 12px; color: #8c8c8c; line-height: 1.5; font-size: 16px; box-sizing: border-box; max-width: 200px; border-left: 6px solid #ccc; } #xheader .header-phone li{ padding: 2px; } .header-phone a { color: #786c5d; text-decoration: none; } .header-phone a:hover { text-decoration: underline; } #xheader .header-horaires { background:url(../images/icons/clock.svg); background-repeat: no-repeat; background-position: left center; background-size: 22px; padding-left: 31px; color: #8c8c8c; line-height: 1.5; text-align: left; font-size: 16px; box-sizing: border-box; } .header-horaires a { color:#786c5d; text-decoration: none; } .header-horaires a:hover { text-decoration: underline; } #onscreen{ position:relative; z-index:2; font-family: 'kenyan_coffeeregular', sans-serif; } .tellink{ position:relative; z-index:2; display: inline-table; padding: 12px 0; } .tellink a{ font-size: 14px; text-decoration: none; color: #786c5d; background: #fff; border-radius: 30px; position: relative; border: 1px solid #786c5d; line-height: 30px; font-family: 'Lato-Regular', sans-serif; -webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 0); -moz-transition: all 0.3s cubic-bezier(1, 0, 0, 0); -o-transition: all 0.3s cubic-bezier(1, 0, 0, 0); transition: all 0.3s cubic-bezier(1, 0, 0, 0); } #hotel-cta #xform { background-color: #fff; padding: 50px 0; margin-bottom: -140px; height: auto; } #hotel-cta .tellink a, #hotel-cta .button.btn-cta { border: 0; background-color: #E20000; color: #fff!important; font-weight: normal !important; font-family: 'Lato-Regular', sans-serif; padding: 15px; margin: 30px; position: relative; } #hotel-cta .tellink a:hover, #hotel-cta .button.btn-cta:hover { border: 0; background-color: #7d0000; } /*---------------------------------*/ /* Icones after */ /*---------------------------------*/ .icocontact:after { content: ""; display: block; width: 36px; height: 36px; background-size: 100%; position: absolute; left: 10px; top: 6px; background-image: url(../images/icons/mail.svg); } .phonea.show:after, .phonea.hide:after{ content: ""; background:url(../images/icons/phone.svg); display: block; width: 36px; height: 36px; background-size: 100%; } .adresseIco a:after, #xfooter .adresseIco:after { content: ""; background:url(../images/icons/map.svg); display: block; width: 36px; height: 36px; background-size: 60%; background-position: center; background-repeat: no-repeat; margin-left: 3px; } .telIco a:after, #xfooter .telIco:after { content: ""; background:url(../images/icons/phone.svg); display: block; width: 40px; height: 40px; background-size: 60%; background-position: center; background-repeat: no-repeat; } #horaires a::after, #xfooter #horaires a::after { content: ""; width: 30px!important; height: 30px!important; background: url(../images/icons/clock.svg); padding: 2px; background-size: 60%!important; background-position: left center; background-repeat: no-repeat; display: block; width: 36px; height: 36px; background-size: 100%; position: absolute; } .adresseIco,.telIco { position: relative; font-size: 17px; } .telIco { color: #f7f100; } .adresseIco a, #horaires a { color: #fff!important; } .adresseIco a:after, .telIco a:after, #horaires a::after { position: absolute; display: inline-block; top: 50%; transform: translateY(-50%); left: -50px; background-position: right center!important; } .infohead { background: #00000085; } /*---------------------------------*/ /* ckslider */ /*---------------------------------*/ .cksliderwrap{ width: 100%; position:relative; } .ckslider { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: hidden; } @keyframes ckslide { 0% { -webkit-transform:translateX(0); transform:translateX(0); } 100% { -webkit-transform:translateX(-100%); transform:translateX(-100%); } } @keyframes cksliderev { 0% { -webkit-transform:translateX(-100%); transform:translateX(-100%); } 100% { -webkit-transform:translateX(0); transform:translateX(0); } } @-webkit-keyframes ckslide { 0% { -webkit-transform:translateX(0); transform:translateX(0); } 100% { -webkit-transform:translateX(-100%); transform:translateX(-100%); } } @-webkit-keyframes cksliderev { 0% { -webkit-transform:translateX(-100%); transform:translateX(-100%); } 100% { -webkit-transform:translateX(0); transform:translateX(0); } } .ckslidercontrols{ top: 30px; /* position: relative; */ } .ckslidercontrols .prev, .ckslidercontrols .next{ position: absolute; -webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 0); -moz-transition: all 0.3s cubic-bezier(1, 0, 0, 0); -o-transition: all 0.3s cubic-bezier(1, 0, 0, 0); transition: all 0.3s cubic-bezier(1, 0, 0, 0); height: 3em; width: 3em; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; z-index: 6; cursor: pointer; } .ckslidercontrols .prev{ left: 0px; border-radius: 20px; /* box-shadow: 5px 0 4px -5px rgba(0, 0, 0, 0.3); */ background: url(../images/icons/arrowleft.svg); background-position: center center; background-repeat: no-repeat; background-size: 30px; } .ckslidercontrols .next{ right: 0px; border-radius: 20px; /* box-shadow: -5px 0 4px -5px rgba(0, 0, 0, 0.3); */ background: url(../images/icons/arrowright.svg); background-position: center center; background-repeat: no-repeat; background-size: 30px; } .ckctrldiv{ bottom: 30px; left: 50%; transform: translateX(-50%); background: #666; z-index: 3; position: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -0.5rem; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 2px 5px; border-radius: 20px; opacity: 0; -webkit-transition: all 0.6s cubic-bezier(1, 0, 0, 0); -moz-transition: all 0.6s cubic-bezier(1, 0, 0, 0); -o-transition: all 0.6s cubic-bezier(1, 0, 0, 0); transition: all 0.6s cubic-bezier(1, 0, 0, 0); } .cksliderwrap:hover .ckctrldiv{ opacity:1; } .ckctrldiv .play{ width: 24px; height: 24px; position: relative; cursor:pointer; background-position: center center; background-repeat: no-repeat; } .ckctrldiv .play.playing{background-image:url("../images/icons/play.svg");} .ckctrldiv .play, .ckctrldiv .play.stopped{background-image:url("../images/icons/pause.svg");} .ckctrldiv .counter{ height: 16px; text-align: right; width: calc(100% - 24px); } .ckctrldiv .counter span{ height: 1em; width: 1em; background: none; margin: 0 0.3em; display: inline-block; border-radius: 50%; border: 2px solid #fff; cursor: pointer; } .ckctrldiv .counter span:hover, .ckctrldiv .counter span.active{ background: rgba(255, 255, 255, 0.5); } /*------------------*/ /*SLIDER ACTU */ /*------------------*/ #xactu { margin: 20px; } #xactu .sstitre{ text-align: center; color: #fff; font-size: 32px; margin-bottom: 30px; font-family: 'Lato-Bold',sans-serif; } #xactu .post .bgcf { background-color: #fff; height: 100%; } #xactu .post img { width: 100%; height: auto; } #xactu .post .bgcf .content { padding: 20px; } #xactu .post .bgcf .content .txt { line-height: 1.5; font-size: 14px; } #xactu .post .bgcf .content .button { float: right; margin-top: 10px; } #xactu .ckslider { z-index: 1; position: relative; box-sizing: border-box; /* border: 32px solid #fff; */ /* border-radius:20px; */ background-repeat: no-repeat; } .blocckslider{ background-repeat: no-repeat; background-size: calc(95% - 460px); background-position-y: center; background-position-x: 450px; } #xactu .col { padding: 0; } .blockslidecontent { width: 100%; box-sizing: border-box; align-items: center; justify-content: center; text-align: center; margin:0 auto; overflow: hidden; max-height: 450px; z-index: 4; } .titleckslider{ padding-top: 25px; margin:0 auto; z-index: 3; } .titleckslider a{ text-decoration: none; color: #fff; font-size: 48px; display: block; width: 100%; font-weight: bold; font-family: 'Lato-Bold', sans-serif; } .thumbnailckslider{ padding: 0; line-height: 0; margin: 0; } .thumbnailckslider img{ position: relative; max-height: 350px; } .contentckslidertext{ margin-top: 20px; max-height: 300px; overflow: hidden; font-size: 16px; line-height: 1.6; margin-bottom: 30px; font-family: 'Lato-Regular'; z-index: 3; padding: 0px 100px; text-align: center; margin: 10px auto; } .contentckslidergallery{ position: absolute; right: 50px; width: 260px; top: 0; bottom: 0; height: 100%; overflow: hidden; padding: 40px 10px; background: rgba(80, 80, 80, 0.84); border-left: 5px solid rgba(255,255,255,0.2); border-right: 5px solid rgba(255,255,255,0.2); } .nextckslider{ text-align: center; margin: 0 auto; z-index: 3; } .progressBar{ position: absolute; bottom: 15px; left: 10px; right: 10px; height: 2px; background: rgb(189, 189, 189); z-index: 2; } .progressBar .sizeBar{ width: 0%; height: 100%; background: #786c5d; } .blockslidecontent .gallery .gallery-item .gallery-icon a img{ max-width: 110px; } /*---------------------------------*/ /* WIDGET ELEMENT */ /*---------------------------------*/ .widget_element_page.listelemul{ margin: 0 10px; padding: 10px 0; } .widget_element_page.listelemul li .containListPage{box-shadow:0px 5px 26px -3px rgba(0, 0, 0, 0.09);background: #fff;position: relative;/* padding-bottom: 40px; */z-index: 2;font-size: 0;} .widget_element_page.listelemul li img{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-filter: brightness(90%); -moz-filter: brightness(90%); -ms-filter: brightness(90%); -o-filter: brightness(90%); filter: brightness(90%); } .widget_element_page.listelemul li:hover img{ -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -ms-filter: brightness(110%); -o-filter: brightness(110%); filter: brightness(110%); } .widget_element_page.listelemul li h3 a{ bottom: 0; left: 0; right: 0; margin: 0; padding: 15px 0px; box-sizing: border-box; display: block; line-height: 120%; overflow: hidden; color:#4d4d4d; text-align: center; font-size: 0.7em; text-decoration:none; -webkit-transition: all 0.6s cubic-bezier(1, 0, 0, 0); -moz-transition: all 0.6s cubic-bezier(1, 0, 0, 0); -o-transition: all 0.6s cubic-bezier(1, 0, 0, 0); transition: all 0.6s cubic-bezier(1, 0, 0, 0); background: #fff; } .widget_element_page.listelemul li a.apercu { color: #2baeb9; background-color: #fff; border-radius: 60px; padding: 6px; position: absolute; top: 5px; left: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .widget_element_page.listelemul li:hover a.apercu { padding-left: 10px; padding-right: 10px; } .widget_element_page.listelemul li a.apercu span { display: none; } .widget_element_page.listelemul li .excerptelement{ opacity: 0; position: absolute; bottom: 0; /* height: 0; */ background: #fff; width: 100%; padding: 17px; box-sizing: border-box; color: #444; font-size: 0.86em; overflow: hidden; -webkit-transition: all 0.6s cubic-bezier(1, 0, 0, 0); -moz-transition: all 0.6s cubic-bezier(1, 0, 0, 0); -o-transition: all 0.6s cubic-bezier(1, 0, 0, 0); transition: all 0.6s cubic-bezier(1, 0, 0, 0); } .widget_element_page.listelemul li:hover .excerptelement{ opacity: 1; /*height: 60px; bottom: -60px;*/ -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /*padding: 17px;*/ background: #ececec; } .widget_element_page.listelemul li:hover img{ -webkit-transition: all 0.6s cubic-bezier(1, 0, 0, 0); -moz-transition: all 0.6s cubic-bezier(1, 0, 0, 0); -o-transition: all 0.6s cubic-bezier(1, 0, 0, 0); transition: all 0.6s cubic-bezier(1, 0, 0, 0); } .partenairecekome { text-align: center; width: 150px; margin: 0 auto; padding: 10px; font-size: 0.8em; line-height: 1.1em; color: #696969; font-family: 'Acephimere'; } .partenairecekome strong { color: #ec008c; display: block; margin: 4px 0 6px 0; font-size: 1.2em; } .elempartenaires .elementimg{ display:block; position:relative; min-height:173px; } .elempartenaires .elementimg img{ margin-top: 50%; transform: translateY(-50%); position: absolute; left: 0; } .elempartenaires .containListPage h3{ position: relative; z-index: 1000; margin: 0; } #xagences_slider { background-color: #ffffff; padding: 100px 40px; text-align: center; } #xagences_slider .widget_element_page { justify-content: space-around !important; } #xagences_slider .ckslidercontrols .next, #xagences_slider .ckslidercontrols .prev{ border-radius: 40px; bottom: 50%; } #xagences_slider .ckctrldiv { bottom: -140px; } #xagences_slider .ckslidercontrols { top: 80px; position: relative; } /*---------------------------------*/ /* PLAN DU SITE */ /*---------------------------------*/ .ulplandusite { margin: 20px; } .ulplandusite li { line-height: 150%; list-style: square; margin-left: 30px; color: #fff; } .ulplandusite li a { text-decoration: none; border-bottom: 1px dashed #999; color: #fff; font-size: 1.2em; } .ulplandusite li ul{ margin: 10px; } /*---------------------------------*/ /* MENTIONS LEGALES */ /*---------------------------------*/ .template-mentions-legales-php article.article_content { color: #808080; } .template-mentions-legales-php article.article_content li { margin-left: 60px; } /*---------------------------------*/ /* WIDGET PARENT */ /*---------------------------------*/ #xprestations .widget_parent_page li .containListPage{ padding: 4px; box-sizing: border-box; } #xprestations .tc_excerpt { line-height: 1.6; font-size: 16px; letter-spacing: -0.03em; font-family: 'Lato-Regular'; z-index: 2; position: relative; text-align: left; margin: 15px; } #xprestations .liresuite { width: auto; position: static; display: block; color: #000; z-index: 5; max-width: 100%; } #xprestations .liresuite a { width: 100%; font-size: 14px; font-weight: normal; padding: 10px; display: block; text-align: center; margin: 1em 0; color: #000!important; } #xprestations p{ color:#000; } #xprestations h2{ color: #fff; background:none; margin: 0!important; } img-presta:hover { animation: nim-hoshi 2s; } .listpageul li, .listarticleul li, .listcategoryul li{ width: 100%; padding: 2em; } .listpageul li .article_content{ width:100%; } .listpageul li .article_content .gallery-item a{ min-height: 750px !important; } .nohome .listpageul li .article_content .gallery-item a{ min-height: 480px !important; } .listpageul li .article_content .gallery-item a img{ z-index:1; } .listpageul li .containListPage, .listarticleul li .containListPage, .listcategoryul li .containListPage{ /* box-shadow:0px 5px 26px -3px rgba(0, 0, 0, 0.09); */ /* background: #fff; */ position: relative; } .homepresta .listpageul li .containListPage .blocthumb img{ /* padding: 20px; */ position: absolute; bottom: 0; opacity: 0.5; z-index: 0; left: 0; right: 0; height: 100%; } .homepresta .listpageul li .containListPage .blocthumb:after{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; display:block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87b049+0,87b049+100&1+43,0+99,0+99 */ background: -moz-linear-gradient(top, rgba(135,176,73,1) 0%, rgba(135,176,73,1) 43%, rgba(135,176,73,0) 99%, rgba(135,176,73,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(135,176,73,1) 0%,rgba(135,176,73,1) 43%,rgba(135,176,73,0) 99%,rgba(135,176,73,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(135,176,73,1) 0%,rgba(135,176,73,1) 43%,rgba(135,176,73,0) 99%,rgba(135,176,73,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87b049', endColorstr='#0087b049',GradientType=0 ); /* IE6-9 */ } .listpageul li h3 a, .listarticleul li h3 a, .listcategoryul li h3 a{ /* position: absolute; */ bottom: 0; left: 0; right: 0; margin: 0; padding: 10px 0px; box-sizing: border-box; display: block; line-height: 120%; overflow: hidden; color:#4d4d4d; text-align: center; font-size: 0.7em; text-decoration:none; background: #fff; height: 40px; } .listpageul li:hover h3 a, .listarticleul li:hover h3 a, .listcategoryul li:hover h3 a{ background: #eaeaea; } .listpageul li a.image_content, .listarticleul li a.image_content, .listcategoryul li a.image_content{ width: 100%; display: block; text-align: center; } .listpageul li .liresuite, .listarticleul li .liresuite, .listcategoryul li .liresuite{ top: 50%; max-width: 50%; width: 100%; margin: 0 auto!important; } .liresuite { text-align:center; position: relative; z-index: 3; } .liresuite .button { transition : all 0.4s; } #xprestations .img_wrap:hover .liresuite .button { transition : all 0.4s; opacity: 1; } .listpageul li .liresuite a.button, .listarticleul li .liresuite a.button, .listcategoryul li .liresuite a.button{ padding: 0; line-height: 18px; margin: 0; width: 100%; display: block; text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 10px; } /*---------------------------------*/ /* AGENCE */ /*---------------------------------*/ .ssmenu{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nohome #xagences { background-color: rgba(0,0,0,0.05); padding-top: 60px; padding-bottom: 60px; } #xagences .ssmenu form { text-align: right; } #xagences .ssmenu div { width: auto; display: inline-block; } .agencecontent {padding-top: 20px;} .agencemenu {padding-top: 20px; padding-left: 20px; } .ssmenu label[for=groupes_agences]{ display: inline-block; line-height: 35px; font-size: 0.8em; margin-right: 10px; text-transform: uppercase; } .bloclistagence .agenceblocli{ border-bottom: 1px dashed #ccc; border-left: 0px solid #e74c3c; padding-left: 10px; padding-bottom: 10px; margin-bottom: 15px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .bloclistagence .agenceblocli.active{ border-left: 5px solid #e74c3c; } .tblagence .thumbagence{vertical-align: top;width: 100px;} .tblagence .thumbagence img{ width: 90%; } .tblagence .agencebloctitle a{ text-decoration: none; color: #debb07; font-size: 1.1em; /* font-weight: bold; */ padding-bottom: 5px; display: block; } .tblagence .agenceblocinfo{ font-size: 0.8em; color: #808080; } .agenceblocinfo .telagence a{ display: block; padding: 2px 0; text-decoration: none; letter-spacing: 0.03em; color: #e74c3c; font-weight: bold; } .agenceblocnext{ text-align: right; } .agenceblocnext a{ text-decoration: none; font-size: 0.8em; text-align: right; padding: 2px 7px; margin-right: 5px; color: #fff; background: #666; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .agenceblocnext a:hover{ background:#000; } .conteneur_map { padding: 0 0.5rem 0; } .map_agence{ height: 100%; min-height: 400px; } .agencemenu .maps_canvas{height:400px;} .agencemenu{ line-height: 1.2em; font-size: 1.1em; color: #333; } .agencemenu .sbinfoagence{ padding: 10px; background: #eee; } .agencemenu strong{ color: #345f79; } .agencemenu .infosup{ font-size: 0.8em; border-top: 2px solid #fff; padding-top: 5px; margin-top: 10px; color: #666; } .agencesinglemail{ margin-bottom: 90px; } .agencesinglemail .required{ top: 22px !important; } .agencelinks{margin: 20px;} .agencelinks h3{ color: #23708e; font-size: 1.3em; padding: 7px 0; } .agencelinks a{display: block;margin-bottom: 3px;} #xagences .bloclistagence { max-height: 500px; background-color: #fff; padding-top: 10px; overflow: auto; } #xagences .map_conteneur { padding-left: 0; } .br-theme-bars-pill .br-widget a { padding: 0px 15px; background-color: #dedede; color: #5d5d5d; text-decoration: none; font-size: 14px; line-height: 26px; text-align: center; display: inline-block; font-weight: 400; border-radius: 50px; margin-right: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .br-theme-bars-pill .br-widget a.br-current{ background: #786c5d; color: #fff; } .br-theme-bars-pill .br-widget a:hover{ box-shadow: inset 0 -3px #debb07; } .br-theme-bars-pill .br-readonly a { cursor: default; } .br-theme-bars-pill .br-readonly a.br-active, .br-theme-bars-pill .br-readonly a.br-selected { background-color: #7f7f7f; } @media print { .br-theme-bars-pill .br-widget a { border: 1px solid #b3b3b3; border-left: none; background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected { border: 1px solid black; border-left: none; background: white; color: black; } .br-theme-bars-pill .br-widget a:first-child { border-left: 1px solid black; } } /*---------------------------------*/ /* SECTIONS */ /*---------------------------------*/ #xsections { /* margin-top: 40px; */ /* background: linear-gradient(to bottom, rgba(236, 236, 236, 0.8), rgba(247, 247, 247, 0.9)), url(../images/abstract-phone.jpeg); */ background-repeat:repeat; /*background-attachment: fixed;*/ margin-bottom: 0; padding: 0px; } #xsections .tc_content p, #xsections .tc_content ul li{ color: #2f2f2f; } #xsections .tc_content strong, #xsections .tc_content a { /* font-size: 17px; */ /* font-weight: bold; */ color: #f8ef00; } #xsections .tc_content a {text-decoration: underline; } #xsections .tc_content a:hover {text-decoration: none; } #xsections .tc_content p { line-height: 150%; margin-bottom: 15px; font-size: 15px; } #xsections .sectionsbloc{ position: relative; padding: 0px; margin:0 auto; } .sectionsbloc{ position: relative; /*padding: 20px 20px;*/ /* padding: 20px !important; */ box-sizing: border-box; } .sectionsbloc .thumbsections{ padding: 0; align-self:center; } .sectionsbloc .thumbsections .blocthumb{ line-height: 0; padding: 15px 25px; } .sectionsbloc.odd{ -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; /* text-align: center; */ } .sectionsbloc.odd .tc_excerpt{ text-align:right; } .sectionsbloc img{ box-sizing:border-box; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom: 3px solid #28272e; } .sectionsbloc .slideparent:hover img{ -webkit-filter: contrast(150%); -moz-filter: contrast(150%); -ms-filter: contrast(150%); -o-filter: contrast(150%); filter: contrast(150%); } .sectionsbloc h3{ text-decoration: none; color: #333; text-transform: uppercase; display: block; margin: 5px 0; border-bottom: 1px solid #999; } .sectionsbloc .tc_content{ /*padding: 10px 0;*/ /* font-size: 1.1em; */ line-height: 130%; /* margin-bottom: 35px; */ font-size: 15px; position: relative; z-index: 4; } .sectionsbloc .contentsections a.button{ text-decoration: none !important; display: block; box-sizing: border-box; margin: 10px 8px; padding: 10px 15px; float: none; width: initial !important; font-size: 13px !important; margin-top: 10px !important; font-weight: normal !important; } .sectionsbloc .thumbgsecteurs{ background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-clip: content-box; background-position: center center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.9; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sectionsbloc { padding: 30px 0 0; } .sectionsbloc .thumbsections h2{ font-size: 22px !important; color: #ffffff; text-shadow: 2px 2px 2px rgba(0,0,0,0.1); position: relative; display: table; z-index: 2; position: absolute; bottom: 0; margin: 0 !important; padding: 20px; } .sectionsbloc .thumbsections h2::before { display: block; width: 42px; height: 51px; background-color: #e40a7f; position: absolute; top: 13px; left: -8px; z-index: -1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sectionsbloc:hover .thumbsections h2::before { width: calc(100% + 16px); } .sectionsbloc .thumbsections { /* top: 50px; */ /* left: 50px; */ position: relative; z-index: 10; align-self: center; /* height: 100%!important; */ } .sectionsbloc .contentsections { /* max-width: calc(90% - 43px); */ padding: 30px; /* margin: 40px; */ position: relative; z-index: 2; } .sectionsbloc:hover .contentsections { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .sectionscont { margin:0 auto; } .sectionscont { margin:32px auto; padding: 15px; } /*---------------------------------*/ /* PAGINATION */ /*---------------------------------*/ .ckPagination{ padding: 0 10px; background: #f0f0f0; margin: 10px; } .ckPagination a{ text-decoration: none; padding: 10px 5px; min-width: 15px; display: inline-block; text-align: center; background: #e4e4e4; color: #333; } .ckPagination span.current-post-page, .ckPagination a:hover{ text-decoration: none; padding: 10px 5px; min-width: 15px; display: inline-block; text-align: center; background: #b1b1b1; color: #fdfdfd; } .navblog { margin-bottom: 40px; } .navblog a{ margin: 10px 10px; padding: 10px; background: #ddd; display: inline-block; text-decoration: none; color: #000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navblog a:hover{ background: #b1b1b1; /*color: #fdfdfd;*/ } .navblog.nav-next{ float: left; } .navblog.nav-previous{ float: right; } /*---------------------------------*/ /* GALLERY */ /*---------------------------------*/ .gallery{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: justify; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; /* margin-top: 30px; */ } .gallery br {display: none;} .gallery.gallery-columns-2 .gallery-item {width: 50%;} .gallery.gallery-columns-3 .gallery-item {width: 33%; } .gallery.gallery-columns-4 .gallery-item {width: 25%;} .gallery .gallery-item{ -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; position: relative; margin-bottom: 1em !important; } .gallery .gallery-item .gallery-icon a{ display: block; line-height: 0; } .gallery .gallery-item .gallery-icon a img{ /* border-radius: 5px; */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-filter: brightness(90%); -moz-filter: brightness(90%); -ms-filter: brightness(90%); -o-filter: brightness(90%); filter: brightness(90%); } .galerie .gallery .gallery-item .gallery-icon a img:hover { -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -ms-filter: brightness(110%); -o-filter: brightness(110%); filter: brightness(110%); } .gallery .gallery-item .gallery-caption{ width: 100%; color: rgba(0, 0, 0, 0.65); background-color: #fff; font-size: 0.8em; text-align: center; padding: 5px; margin: 0; position: absolute; bottom: 0; left: 0; z-index: 1; overflow: hidden; opacity: 0; box-sizing: border-box; -webkit-transition: all 0.6s cubic-bezier(1, 0, 0, 0); -moz-transition: all 0.6s cubic-bezier(1, 0, 0, 0); -o-transition: all 0.6s cubic-bezier(1, 0, 0, 0); transition: all 0.6s cubic-bezier(1, 0, 0, 0); } .gallery .gallery-item:hover .gallery-caption{ opacity: 1; } /*---------------------------------*/ /* CONTACT FORM */ /*---------------------------------*/ #xcontact {padding-bottom: 70px;} #xcontact #xmap #map_canvas {height: 100%;min-height: 310px;} #xcontact .horaires ul {margin-top: 25px;} #xcontact .horaires ul li {line-height: 1.3;color: rgba(0, 0, 0, 0.6);margin-left: 60px;list-style-type: disc;} #xheader .horaires { text-align: center; padding-top:20px; } #xheader .horaires li { padding-bottom:10px; } .horaires strong { color:#786c5d; } .form_contact{ margin: 0 40px; } .form_contact form{ padding: 0 10px 15px !important; } .template-contact-php .cekome_form label, #xform .cekome_form input[type="text"], .cekome_form .blc.focused label { color:#000!important; } .template-contact-php .thumbtitle { margin-bottom:0px; } /*---------------------------------*/ /* HORAIRES */ /*---------------------------------*/ #open-horaires{ cursor: pointer; color: #786c5d; } .modal-content{ background: #E20000; padding: 30px 20px; max-width: 400px; transition: 750ms all ease-in-out; margin: 2em auto; text-align: center; color:#fff; position: relative; z-index: 15; top: 50%; transform: translateY(-50%); } .modal-content ul{ margin: 5px 0; line-height:1.7; } .modal-content strong{ margin:1em 0; display: block; border-bottom:1px solid rgba(255, 255, 255, 0.1); font-weight:bold; color:#fff; } .modal-content img{ max-width: 400px; padding: 1em; box-shadow:0px -10px 60px -30px #000; background: #fff; } .modal-content .close{ display: block; text-align: right; color:#fff; font-size: 40px; cursor:pointer; transition:250ms background ease-in-out; font-family: sans-serif; position: absolute; top: 0px; right: 10px; } #myModal{ position: fixed; top:0; left:0; width: 100%; height:100%; background:rgba(0,0,0,0.5); z-index: 99; box-shadow:0px -10px 60px -30px #000; opacity: 0; display: none; } .modal-trig{ display: block !important; opacity: 1 !important; /* z-index: 15; */ } /*---------------------------------*/ /* FORM */ /*---------------------------------*/ .contactformulaire{ padding: 0px 25px; } .cekome_form{padding:0 !important;} .cekome_form .blc_desc label{ display: none; } .desccontact{color: #0078b5;} .cekome_form label{ font-size: 0.9em !important; margin-bottom: 5px; color: #fff; position: absolute; top: 13px; left: 6px; z-index: 3; pointer-events: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cekome_form form{padding: 50px!important;} .toogleSlideContent .cekome_form form{display:none;} .cekome_form input[type=text], .cekome_form input[type=date], .cekome_form input[type=tel], .cekome_form input[type=email], .cekome_form input[type=password], .cekome_form select{padding: 6px;color: #fff;} .cekome_form select{background-color: #fff;} .cekome_form input[type=text]:not(.cf_inputcaptcha), .cekome_form input[type=tel], .cekome_form input[type=date], .cekome_form input[type=email], .cekome_form input[type=password], .cekome_form textarea, .cekome_form select{margin: 5px 0 15px 0;z-index: 2;position: relative;color: #fff;font-size: 16px;padding: 8px 5px;box-sizing: border-box;} .cekome_form .blc{ position: relative; margin-top: 10px; } .cekome_form .blc_desc { margin-bottom: 25px; } .cekome_form .blc_date label { top: 17px; } .cekome_form .blc_checkbox{ display: block; width: 100%; } .cekome_form .blc_checkbox label{ top: 0; position: relative; padding: 0; left: 0; font-size: 16px!important; } .cekome_form .blc_fileattach{ padding: 10px 0; margin-top: 0; } .cekome_form .blc_fileattach label{ position: relative; top: 0; margin-right: 10px; } .cekome_form .required{ position: absolute; right: 0; top: 10px; font-size: 37px; font-weight: normal; z-index: 3; } .cekome_form .blc.focused label{ top: -17px; font-size: 1em !important; color: #fff; margin-left: 50%; transform: translateX(-50%); } .cekome_form .blc_captcha label{ position:relative; line-height: 130%; top: 5px; float: left; } .cekome_form .blc_captcha{ /* background: #f6f6f6; */ padding: 10px !important; margin-bottom: 10px; /* border: 1px solid #ccc; */ border-radius: 3px; height: 29px; } .cekome_form .blc_captcha .required{ top: 10px; right: 2px; } .cekome_form .blocaptcha{ margin: -7px 0 0 12px; float: left; } .cekome_form input.cf_inputcaptcha{line-height: 29px;font-size: 16px;text-transform: uppercase;letter-spacing: 0.05em;text-align: center;margin: 4px 0 0 6px !important;background: #f4ebd2;outline-color: #ccc !important;outline-offset: 2px;outline-style: solid !important;outline-width: 1px !important;padding: 2px;float: left;width: 80px !important;} .cekome_form .blocaptcha:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .cekome_form input[type="text"], .cekome_form input[type="date"], .cekome_form input[type="tel"], .cekome_form input[type="email"], .cekome_form input[type="password"], .cekome_form textarea { color: #fff; width:100%; border: none !important; border-bottom: 2px solid rgb(234, 234, 234) !important; outline: none; border-radius: 0 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: rgba(255,255,255,0.7); } .cekome_form input[type="text"]:focus, .cekome_form input[type="date"]:focus, .cekome_form input[type="email"]:focus, .cekome_form input[type="tel"]:focus, .cekome_form input[type="password"]:focus, .cekome_form textarea:focus { border-color: #fff !important; } /*placeholder*/ .cekome_form input[type=text]:not(.cf_inputcaptcha)::-webkit-input-placeholder, .cekome_form input[type=text]:not(.cf_inputcaptcha)::-moz-placeholder, .cekome_form input[type=text]:not(.cf_inputcaptcha):-ms-input-placeholder, .cekome_form input[type=text]:not(.cf_inputcaptcha):-moz-placeholder, .cekome_form input[type=date]:not(.cf_inputcaptcha)::-webkit-input-placeholder, .cekome_form input[type=date]:not(.cf_inputcaptcha)::-moz-placeholder, .cekome_form input[type=date]:not(.cf_inputcaptcha):-ms-input-placeholder, .cekome_form input[type=date]:not(.cf_inputcaptcha):-moz-placeholder, .cekome_form input[type=tel]::-webkit-input-placeholder, .cekome_form input[type=tel]::-moz-placeholder, .cekome_form input[type=tel]:-ms-input-placeholder, .cekome_form input[type=tel]:-moz-placeholder, .cekome_form input[type=email]::-webkit-input-placeholder, .cekome_form input[type=email]::-moz-placeholder, .cekome_form input[type=email]:-ms-input-placeholder, .cekome_form input[type=email]:-moz-placeholder, .cekome_form input[type=password]::-webkit-input-placeholder, .cekome_form input[type=password]::-moz-placeholder, .cekome_form input[type=password]:-ms-input-placeholder, .cekome_form input[type=password]:-moz-placeholder, .cekome_form textarea::-webkit-input-placeholder, .cekome_form textarea::-moz-placeholder, .cekome_form textarea:-ms-input-placeholder, .cekome_form textarea:-moz-placeholder {color:transparent; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} .cekome_form .focused input[type=text]:not(.cf_inputcaptcha)::-webkit-input-placeholder, .cekome_form .focused input[type=text]:not(.cf_inputcaptcha)::-moz-placeholder, .cekome_form .focused input[type=text]:not(.cf_inputcaptcha):-ms-input-placeholder, .cekome_form .focused input[type=text]:not(.cf_inputcaptcha):-moz-placeholder, .cekome_form .focused input[type=date]:not(.cf_inputcaptcha)::-webkit-input-placeholder, .cekome_form .focused input[type=date]:not(.cf_inputcaptcha)::-moz-placeholder, .cekome_form .focused input[type=date]:not(.cf_inputcaptcha):-ms-input-placeholder, .cekome_form .focused input[type=date]:not(.cf_inputcaptcha):-moz-placeholder, .cekome_form .focused input[type=tel]::-webkit-input-placeholder, .cekome_form .focused input[type=tel]::-moz-placeholder, .cekome_form .focused input[type=tel]:-ms-input-placeholder, .cekome_form .focused input[type=tel]:-moz-placeholder, .cekome_form .focused input[type=email]::-webkit-input-placeholder, .cekome_form .focused input[type=email]::-moz-placeholder, .cekome_form .focused input[type=email]:-ms-input-placeholder, .cekome_form .focused input[type=email]:-moz-placeholder, .cekome_form .focused input[type=password]::-webkit-input-placeholder, .cekome_form .focused input[type=password]::-moz-placeholder, .cekome_form .focused input[type=password]:-ms-input-placeholder, .cekome_form .focused input[type=password]:-moz-placeholder, .cekome_form .focused textarea::-webkit-input-placeholder, .cekome_form .focused textarea::-moz-placeholder, .cekome_form .focused textarea:-ms-input-placeholder, .cekome_form .focused textarea:-moz-placeholder {color:#666;} .cekome_form .blc_date table { top: 0 !important; left: 0 !important; } .cekome_form textarea { height: 100px; padding: 20px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; resize: none; border: 2px solid rgba(80, 80, 80, 0.51) !important; color: #000; } .cekome_form .captchaimg{margin-top: 2px;} .cekome_form .button.cf_submit{ font-size: 17px; border: 0; padding: 6px 17px 6px 60px; margin-left: 0px; margin-right : 0px; background-image:url("../images/icons/sendmail.svg"); background-size:50px; background-repeat:no-repeat; background-position:5px center; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #1d1c1b; } .cekome_form .button.cf_submit:hover{ color: #fff !important; background-color: #E20000; } .cekome_form fieldset{ display: none; } .cekome_form #formtab0{display: block;text-align: center;} .cekome_form .prev{float: left;} .cekome_form .nextform{/* float: right; */margin: 0 auto;} .cekome_form .btnextprev{ background: #1d1c1b; /* border: none; */ /* border-radius: 30px; */ padding: 15px 30px; margin-top: 5px; /* box-shadow: 2px 2px 6px rgba(0,0,0,0.15); */ cursor: pointer; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 16px; } .cekome_form .btnextprev:hover{ background: #E20000; color: #fff; } .cekome_form .close_cform{ color: #f00; text-decoration: none; } .cekome_form .msg.fail{ background-image:url("../images/icons/msgfail.svg"); background-repeat: no-repeat; background-position: left center; background-size: 40px; padding: 5px 5px 5px 50px; min-height: 30px; } .ckformerror { max-width: 400px; background-color: #fff; font-family: "Arial", sans-serif; border-left: 4px solid #d80404; padding: 25px 30px; box-sizing: border-box; box-shadow: 0 0 100px rgba(0,0,0,0.1); margin-top: 20px; position: fixed; top: 160px; right: 0; z-index: 999; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-animation: errorckform 0.3s forwards; -moz-animation: errorckform 0.3s forwards; -ms-animation: errorckform 0.3s forwards; -o-animation: errorckform 0.3s forwards; animation: errorckform 5s forwards; } @-webkit-keyframes errorckform {0% {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 10% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 90% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } @-moz-keyframes errorckform {0% {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 10% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 90% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } @-ms-keyframes errorckform {0% {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 10% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 90% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } @-o-keyframes errorckform {0% {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 10% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 90% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } @keyframes errorckform {0% {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 10% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 90% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } /*---------------------------------*/ /* MODAL */ /*---------------------------------*/ *[data-wpajxstatut="loading"] { pointer-events: none; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-animation: refreshLoading 0.5s forwards; -moz-animation: refreshLoading 0.5s forwards; -ms-animation: refreshLoading 0.5s forwards; -o-animation: refreshLoading 0.5s forwards; animation: refreshLoading 0.5s forwards; } *[data-wpajxstatut="end"] { opacity: 0.25; -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -o-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-animation: refreshEnd 0.8s forwards; -moz-animation: refreshEnd 0.8s forwards; -ms-animation: refreshEnd 0.8s forwards; -o-animation: refreshEnd 0.8s forwards; animation: refreshEnd 0.8s forwards; } *[data-wpajxstatut="loading"]:before, *[data-wpajxstatut="end"]:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: url(../images/loading.svg); background-position: center center; background-repeat: no-repeat; z-index: 99; } *[data-wpajxstatut="end"]:before { -webkit-animation: refreshEndBefore 1.1s forwards; -moz-animation: refreshEndBefore 1.1s forwards; -ms-animation: refreshEndBefore 1.1s forwards; -o-animation: refreshEndBefore 1.1s forwards; animation: refreshEndBefore 1.1s forwards; } .wpajx-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; background: rgba(0, 0, 0, 0.77); display: block !important; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .wpajx-overlay#m-flood { background: rgba(111, 24, 24, 0.93); } .wpajx-overlay[data-state="open"] { -webkit-animation: fadeIn 0.5s forwards; -moz-animation: fadeIn 0.5s forwards; -ms-animation: fadeIn 0.5s forwards; -o-animation: fadeIn 0.5s forwards; animation: fadeIn 0.5s forwards; } .wpajx-overlay[data-state="close"] { -webkit-animation: fadeOut 0.5s forwards; -moz-animation: fadeOut 0.5s forwards; -ms-animation: fadeOut 0.5s forwards; -o-animation: fadeOut 0.5s forwards; animation: fadeOut 0.5s forwards; } /* slideDown refreshLoading refreshEnd refreshEndBefore */ .wpajx-modal { padding: 1.5vmin; width: 90vw; max-height: 80vh; max-width: 1140px; box-shadow: 0px 70px 20px -20px rgba(0, 0, 0, 0.2); margin: auto; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; opacity: 0; border: 1px solid rgba(175, 175, 175, 0.25); border-radius: 5px; } .wpajx-overlay[data-state="close"] .wpajx-modal { -webkit-animation: modalClose 1s forwards; -moz-animation: modalClose 1s forwards; -ms-animation: modalClose 1s forwards; -o-animation: modalClose 1s forwards; animation: modalClose 1s forwards; } .wpajx-overlay[data-state="open"] .wpajx-modal { -webkit-animation: modalOpen 1.2s forwards; -moz-animation: modalOpen 1.2s forwards; -ms-animation: modalOpen 1.2s forwards; -o-animation: modalOpen 1.2s forwards; animation: modalOpen 1.2s forwards; } .wpajx-overlay[data-state="open"] .wpajx-modal:before { -webkit-animation: modalOpenBefore 0.9s forwards; -moz-animation: modalOpenBefore 0.9s forwards; -ms-animation: modalOpenBefore 0.9s forwards; -o-animation: modalOpenBefore 0.9s forwards; animation: modalOpenBefore 0.9s forwards; content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: url(../images/loading.svg); background-position: center center; background-repeat: no-repeat; z-index: 99; } .wpajx-overlay[data-state="open"] .wpajx-modal *[data-wpajxstatut="end"]:before, .wpajx-overlay[data-state="open"] .wpajx-modal *[data-wpajxstatut="loading"]:before{ display: none !important; } /***************/ .wpajx-modal-content { overflow-x: hidden; overflow-y: auto; position: relative; display: block; max-height: calc( 80vh - 30px); max-width: 1140px; background: #fff; border-radius: 5px; } .wpajx-modal-content.modaliframe { overflow: hidden; } #m-flood .wpajx-modal-content { background: none; } .wpajx-modal-content #ins-flood { padding: 40px; color: #fff; background: rgba(96, 34, 34, 0.84); } .wpajx-modal-content #ins-flood .titlemodal { font-size: 3em; margin-bottom: 0.2em; } .wpajx-modal-content #ins-flood p { font-size: 1.2em; line-height: 1.2em; } .wpajx-modal .wpajxiframe { width: 100%; min-height: calc( 80vh - 30px); box-sizing: border-box; } .wpajx-modal .closemodal { position: fixed; right: -0.5em; cursor: pointer; z-index: 2; top: -0.5em; } .wpajx-modal .closemodal:hover i.fa { color: rgba(255, 255, 255, 0.7); } .wpajx-modal .closemodal i.fa { color: rgba(255, 255, 255, 0.55); font-size: 1.3em; line-height: 0; cursor: pointer; text-align: center; } a.apercu.wpajx.onRefresh i{ -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } a.apercu.wpajx.onRefresh i:before { content: "\f1ce"; } /*---------------------------------*/ /* TELECHARGEMENT */ /*---------------------------------*/ .dlformloguser{ background: #d1d1d1; padding: 20px; margin: 0 30px; font-size: 1.1em; line-height: 1.8em; } .dlformloguser .infoconnect{ background: #23708e; color: #fff; padding: 5px 10px; margin-bottom: 10px; } .dlformloguser label{ color: #23708e; font-variant: small-caps; } .dlformloguser input{ padding: 6px; font-size: 14px; border: 1px solid #ddd; margin-right: 20px; border: none; } .dm_filelist{background: #eaeaea;margin: 30px;} .dm_filelist li{ position: relative; line-height: 0; border-bottom: 9px solid #fff; } .dm_filelist li img{ display: inline-block; width: 100px; border-right: 10px solid #fff; } .dm_filelist li .dm_title{ display: inline-block; vertical-align: top; padding: 10px; font-size: 1.6em; font-variant: small-caps; color: #333; line-height: 140%; } .dm_filelist li .dm_mime{ position: absolute; bottom: 4px; left: 3px; background: rgba(0, 0, 0, 0.4); color: #fff; padding: 3px 6px; width: 94px; box-sizing: border-box; text-align: center; line-height: 100%; } .dm_filelist li .dlbutton{ position: absolute; right: 0; bottom: 0; top: 0; display: block; background-image:url("../images/icons/dlbutton.svg"); background-size: 70px; background-position: center center; background-repeat: no-repeat; width: 90px; } .dlerror{ padding: 20px 14px; margin: 30px; background: #dc7d7d; color: #fff; font-size: 1.2em; text-transform: uppercase; font-weight: bold; vertical-align: top; } .dlerror i.fa{ font-size: 1.9em; line-height: 0; margin: 9px 10px 0 0; float: left; } /*---------------------------------*/ /* FOOTER */ /*---------------------------------*/ #xfooter { /* padding: 70px 0px 50px 0px; */ font-family: 'Lato-Regular'; background: #282828; border-top: 4px solid #1d1c1b; box-sizing: border-box; color: #fff; position: relative; z-index: 15; border-bottom: 4px solid #f7f100; } #xfooter a{ /* color: #1d1c1b; */ text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 16px; } #xfooter a:hover{ color: #8c8c8c; text-decoration: none; } .sponsor{ background: #fff; /* padding-bottom: 50px; */ padding: 0 30px; border-bottom: 1px solid rgb(165, 200, 100); } .sponsor .ckslider{ flex-wrap:wrap !important; } .footer-menu ul{ text-align: center; } ul.footer-menu{ margin:20px 0; } ul.footer-menu li{ display: block; padding: 5px; } ul.footer-menu li a{ /*color: #fff; text-decoration: none;*/ display: block; } #xfooter .footer-address, .footer-sched, #xfooter .tellink a, #xfooter .footer-sched ul, .template-contact-php .tellink a { margin: 30px 0 0; /* line-height: 23px; */ color: #1d1c1b; } #xinfocontact { margin:0 auto; text-align: center; } #xfooter .tellink a:hover { color: #8c8c8c; } #xfooter .footer-address::before,.footer-sched::before{ width:20px; position: absolute; left:0; } .footer-address li p { padding: 15px; } .footer-address .addressInfo { padding-left: 0px!important; } .footer-address .adresseIco::after { margin-left:5px; } .footer-sched::before{ content:url(../images/icons/schedule.png); } #xfooter strong{ text-transform: uppercase; letter-spacing:2px; font-weight: bold; } .footer-nav{ padding: 30px 10px 0px 10px; } #xfooter .f-gr{ border-left:5px solid #87b04a; color: #786c5d; } #xfooter .f-pr{ border-left:5px solid #710060; color:#710060; } #xfooter .f-st{ /* border-left:5px solid #c81430; */ color: #786c5d; } #xfooter .f-yl{ border-left:5px solid #fae335; color:#fae335; } #xfooter .noticenewsletter,#xfooter .labelnewsletter{ display: none; } #xfooter .submitnewsletter input{ background: #fae335; border:1px solid #fae335; margin-top:1em; padding: 15px 10px !important; max-width: 100%; } #xfooter .submitnewsletter{ text-align:right; } #xfooter form input[type=email]{ padding: 10px 10px 10px 30px; color: #fae335; border-radius: 10px; box-sizing: border-box; max-width: 100%; } #xfooter form{ margin-top:30px; padding-bottom: 140px; } .map-container{ overflow:hidden; position: relative; } #map_canvas img{ transition: 300ms transform ease-in; } .map-container #map_canvas img{ transform:scale(2.7); } #xfooter .map-container{margin-top: 10px;} #xfooter #map_canvas{ height: 190px; } #xfooter .map-overlay{ background:#87b04a; width: 100%; height:100%; position: absolute; top:0; z-index: 998; visibility: hidden; opacity:0; transition: 250ms ease-in all; } #xfooter .map-container:hover .map-overlay{ visibility:visible; opacity: 1; } #xfooter .footer-nav>div { margin:0 auto!important; text-align:center!important; padding:15px; font-size: 16px; } /*---------------------------------*/ /* ANIMATION */ /*---------------------------------*/ /* PRIX DIMINUE EFFECT */ @-webkit-keyframes glow { 0% {text-shadow: 0 0 0px #fff;} 100% {text-shadow: 0 -15px 5px #222;} } @-moz-keyframes glow { 0% {text-shadow: 0 0 0px #fff;} 100% {text-shadow: 0 -15px 5px #222;} } @keyframes glow { 0% {text-shadow: 0 0 0px #ab5700;} 100% {text-shadow: 0 -10px 2px #222;} } /* BLINK EFFECT */ @-webkit-keyframes blinker { 0% {opacity: 1.0;} 5% {opacity: 1.0; } 100% {opacity: 0.0;} } @-moz-keyframes blinker { 0% {opacity: 1.0;} 5% {opacity: 1.0;} 100% {opacity: 0.0;} } @keyframes blinker { 0% {opacity: 1.0;} 5% {opacity: 1.0;} 100% {opacity: 0.0;} } /* CIRCLE MENU DROPDOWN */ @-webkit-keyframes circledash { to {stroke-dashoffset: 1000;} } @-moz-keyframes circledash { to {stroke-dashoffset: 1000;} } @keyframes circledash { to {stroke-dashoffset: 1000;} } @-webkit-keyframes circledashbg { to {stroke-dashoffset: -500;} } @-moz-keyframes circledashbg { to {stroke-dashoffset: -500;} } @keyframes circledashbg { to {stroke-dashoffset: -500;} } @-webkit-keyframes circledashbig { to {stroke-dashoffset: 50;} } @-moz-keyframes circledashbig { to {stroke-dashoffset: 50;} } @keyframes circledashbig { to {stroke-dashoffset: 50;} } /* FADE */ @-webkit-keyframes fadeIn { from { opacity: 0; display: block !important; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; display: block !important; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; display: block !important; } to { opacity: 1; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; display: none; } } @-moz-keyframes fadeOut { from {opacity: 1;} to { opacity: 0; display: none; } } @keyframes fadeOut { from { opacity: 1;} to { opacity: 0; display: none; } } /* PANIER MENU DROPDOWN */ @-webkit-keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*SLIDEDOWN*/ @-webkit-keyframes slideDown { 0% {-webkit-transform: translateY(-100%); } 50% {-webkit-transform: translateY(8%); } 65% {-webkit-transform: translateY(-4%); } 80% {-webkit-transform: translateY(4%); } 95% {-webkit-transform: translateY(-2%); } 100% {-webkit-transform: translateY(0%); } } @-moz-keyframes slideDown { 0% {transform: translateY(-100%); } 50% {transform: translateY(8%); } 65% {transform: translateY(-4%); } 80% {transform: translateY(4%); } 95% {transform: translateY(-2%); } 100% {transform: translateY(0%); } } @keyframes slideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { -webkit-transform: translateY(8%); transform: translateY(8%); } 65% { -webkit-transform: translateY(-4%); transform: translateY(-4%); } 80% { -webkit-transform: translateY(4%); transform: translateY(4%); } 95% { -webkit-transform: translateY(-2%); transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } /*PANIER STATUT REFRESH - END*/ @-webkit-keyframes refreshEnd { to { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes refreshEnd { to { transform: scale(1); opacity: 1; } } @keyframes refreshEnd { to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes refreshLoading { to { -webkit-transform: scale(0.96); opacity: 0.25; } } @-moz-keyframes refreshLoading { to { transform: scale(0.96); opacity: 0.25; } } @keyframes refreshLoading { to { -webkit-transform: scale(0.96); transform: scale(0.96); opacity: 0.25; } } @-webkit-keyframes refreshEndBefore { 0% {opacity: 1; visibility: 1} 99% {opacity: 0;visibility: 0} 100% {content:initial; z-index: -1; background-image:none; opacity: 0; visibility: 0} } @-moz-keyframes refreshEndBefore { 0% {opacity: 1; visibility: 1} 99% {opacity: 0;visibility: 0} 100% {content:initial; z-index: -1; background-image:none; opacity: 0; visibility: 0} } @keyframes refreshEndBefore { 0% {opacity: 1; visibility: 1} 99% {opacity: 0;visibility: 0} 100% {content:initial; z-index: -1; background-image:none; opacity: 0; visibility: 0} } /*MODAL STATUT REFRESH - END*/ @-webkit-keyframes modalClose { from { -webkit-transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.9); opacity: 0; } } @-moz-keyframes modalClose { from { transform: scale(1); opacity: 1; } to { transform: scale(0.9); opacity: 0; } } @keyframes modalClose { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; } } @-webkit-keyframes modalOpen { from { -webkit-transform: scale(0.9); opacity: 0; } to { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes modalOpen { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes modalOpen { from { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes modalOpenBefore { 0% {opacity: 1; } 99% {opacity: 0;} 100%{content:initial; z-index: -1;background-image:none; } } @-moz-keyframes modalOpenBefore { 0% {opacity: 1; } 99% {opacity: 0;} 100%{content:initial; z-index: -1;background-image:none; } } @keyframes modalOpenBefore { 0% {opacity: 1; } 99% {opacity: 0;} 100%{content:initial; z-index: -1;background-image:none; } } @-webkit-keyframes progressBar { to { width:100%; } } @-moz-keyframes progressBar { to { width:100%; } } @keyframes progressBar { to { width:100%; } } /*---------------------------------*/ /* Maintenance */ /*---------------------------------*/ #xmaintenance{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #f0f0f0 url('../images/base/bg_maintenance.png') bottom left no-repeat; z-index: 9999; } #xmaintenance .rouleau{ text-align: center; } #xmaintenance .blocmaintenance{ margin: 6vmin; border: 1px solid #ebebeb; padding: 6vmin; background: #fff; box-shadow: 0px 10px 8px -10px rgba(0, 0, 0, 0.65); } #xmaintenance .blocmaintenance p{padding:5px 0;} #xmaintenance .blocmaintenance .button{ padding:20px; display:block; margin-left:auto; } svg#pennello {width: 130px;} .vernice { fill: none; stroke: #FF5886; stroke-width: 211px; stroke-dasharray: 525px; stroke-dashoffset: 460px; } .verniceOver { stroke-dashoffset: 0px; transition: all 3s; } .brush {transform: translateY(-456px);} .brushOver { transform: translateY(0px); transition: all 3s; } .gocce { opacity: 0; transition: all 1s; } .gocceOver { opacity: 1; transition-delay: 3s; } .st0 { fill: none; stroke: #FF5886; stroke-width: 201; stroke-miterlimit: 10; } .st2 {fill: none;} .st3 { fill: none; stroke: #282828; stroke-width: 5.908; stroke-linecap: round; stroke-miterlimit: 10; } .st4 {fill: #FF0086;} .st5 {fill: #FF5886;} .st6 {fill: #FF7486;} .st7 { fill: none; stroke: #282828; stroke-width: 11.8159; stroke-miterlimit: 10; } .st8 {fill: #5398d3;} .st9 {fill: #436e9b;} .st10 { fill: none; stroke: #282828; stroke-width: 2.954; stroke-miterlimit: 10; } /* ------------------------- */ /* PAGES */ /* ------------------------- */ .thumbtitle { line-height: 0; /* margin-bottom: 60px; */ position: relative; } .nohome article.hasthumb h1 { padding: 20px; margin: 0 auto; position: relative; bottom: 0; left: 0; right: 0; z-index: 1; background: transparent; font-weight: 400; } .nohome .imgUne h1 { /* color: #fff !important; */ text-align: left !important; /* position: absolute !important; */ /* margin: 10px; */ bottom: 0px !important; left: 0px !important; right: 0px!important; background-color: #fff; display: table; } .nohome .imgUne img { -webkit-filter: brightness(0.7) !important; -moz-filter: brightness(0.7) !important; -ms-filter: brightness(0.7) !important; -o-filter: brightness(0.7) !important; filter: brightness(0.7) !important; } article.hasthumb h1 + .tc_content { clear: both; } .liens-ats { font-size: 18px; position: relative; /* margin:0 auto; */ /* text-align: right; */ } .liens-ats ul { line-height: 18px; vertical-align: middle; position: absolute; margin: 0 auto; right:50px; } .logoDiv { padding:0px; margin: 0 auto; text-align: center; } /* ------------------------- */ /* TRADUCTION AUTOMATIQUE */ /* ------------------------- */ #google_translate_element, .skiptranslate { display: none !important; } #flags { padding: 10px; display: flex; align-items: center; justify-content: flex-end; } #flags img { max-width: 32px; margin-right: 5px; cursor: pointer; -webkit-filter: brightness(90%); -moz-filter: brightness(90%); -ms-filter: brightness(90%); -o-filter: brightness(90%); filter: brightness(90%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #flags img:last-child { margin-right: 0; } #flags img:hover { -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -ms-filter: brightness(110%); -o-filter: brightness(110%); filter: brightness(110%); } /***************************************************************************/ /* LIRE LA SUITE */ /***************************************************************************/ #bttxthome { width: 100%; background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 65%); border-radius: 80px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); margin-bottom: 50px; } .bttxthomecent{ display: table; float: right; font-size: 17px; padding: 10px 15px; margin-top: 15px; margin-bottom: 35px; } /***************************************************************************/ .imgHome {margin-top: 220px; } .pad { padding: 50px 0; } .top { position: relative; top: 10px; z-index: 2; } #xsliderphoto { position: relative; width: 100%; } #xsliderphoto::before { content: ""; display: block; background-image: url(../images/pattern.png); background-repeat: repeat; background-position: center center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; pointer-events: none; } #xsliderphoto img { filter: inherit; } #xsliderphoto img:hover { filter: inherit; } #call2action { width: 100%; color: #fff; padding: 300px 0 0; margin: auto; position: relative; background: #f52557; } #call2action::before { content: ""; display: block; width: 100%; height: 100%; min-height: 400px; background-color: rgba(35,35,35,0.5); background: rgb(255, 255, 255); background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 1) 100%); background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#000000ff',GradientType=1 ); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.7; } .wrapperperso { max-width: 527px; margin: auto; position: relative; z-index: 83; } #call2action .intern { color: #f52557; background-color: #fff; padding: 40px; position: relative; font-family: 'Lato-Regular', sans-serif; } .wrapperperso::after { content:url(../images/contact-brush.svg); width: 100%; } #call2action .intern p { font-size: 28px; text-align: center; padding-top: 30px; line-height:1.6; } #call2action .intern p span{ font-weight: bold; } #call2action .intern span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #call2action .intern form { padding-bottom: 0; } .tc_content.perso { padding-bottom: 0; } .tc_content.perso .tellink { margin-left: 60px; } /* COMMENTAIRES */ #respond { padding: 0px 40px 40px; } #respond label[for="comment"] { display: block; color: #808080; } #respond textarea { width: 100%; border: 1px solid rgba(0,0,0,0.3); resize: none; padding: 20px; margin-top: 10px; outline: none; font-size: 90%; color: rgba(0,0,0,0.5); box-sizing: border-box; } #respond [type="submit"] { color: #fff; background-color: #1A1A1A; border: 1px solid #fff; padding: 10px; font-size: 90%; float: none; margin-bottom: 20px; /* margin: 0 auto; */ text-align: center; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /* box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); */ font-family: 'Lato-Regular',sans-serif; font-size: 14px; /* font-weight: bold; */ text-transform: uppercase; /* border-radius:2px; */ } #respond [type="submit"]:hover { background-color: #000000; } ol.commentlist { padding: 0 40px 40px; margin-top: 20px; } ol.commentlist li { background-color: #369762ab; padding: 20px; margin: 10px; } ol.commentlist li article { width: 100%; } ol.commentlist li article .comment-author { color: #fff; float: left; } ol.commentlist li article .comment-metadata { float: right; } ol.commentlist li article .comment-content { color: #fff; padding-top: 10px; clear: both; } .visu { height: 7vh; background-image: url(../images/bg-glaussien.jpg); background-repeat: no-repeat, no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; position: relative; } .visu::before { content: ""; display: block; background-color: rgba(35,35,35,0.5); background: rgb(255, 255, 255); background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 1) 100%); background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#000000ff',GradientType=1 ); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.7; } .visu::after { content: ""; display: block; background-color: rgba(0,0,0,0.1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; } .visu .contentVisu { width: auto; background-color: #fff; /* border-radius: 10px; */ /* box-shadow: 0 0 20px rgba(0,0,0,0.4); */ padding: 10px 20px; display: table; position: absolute; top: 66px; left: 50%; z-index: 999; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #xprestations .blocthumb{ overflow:hidden; max-height: 350px; /* height: 350px; */ } #xprestations .blocthumb img{ transition:250ms transform ease-in; /* min-height: 100%!important; */ /* min-width: 100%; */ } #arrow-ck { position: absolute; bottom: 150px; left: 50%; cursor: pointer; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } @-webkit-keyframes chevron-pulse { 0% {opacity: 0; } 40% {opacity: 1; } 80% {opacity: 0; } 100% {opacity: 0; } } @keyframes chevron-pulse { 0% {opacity: 0; } 40% {opacity: 1; } 80% {opacity: 0; } 100% {opacity: 0; } } #arrow-ck .tcon-svgchevron {width: 40px; height: 40px; } #arrow-ck .tcon-svgchevron path {-webkit-animation: chevron-pulse 3s infinite cubic-bezier(0.4, 0, 0.2, 1);animation: chevron-pulse 3s infinite cubic-bezier(0.4, 0, 0.2, 1);fill: transparent;stroke: rgba(146, 146, 146, 0.61);stroke-width: 2px;} #arrow-ck .tcon-svgchevron path.a1 {-webkit-animation-delay: 0s;animation-delay: 0s; } #arrow-ck .tcon-svgchevron path.a2 {-webkit-animation-delay: -0.5s;animation-delay: -0.5s; } #arrow-ck .tcon-svgchevron path.a3 {-webkit-animation-delay: -1s;animation-delay: -1s; } /* CATEGORIES WOOCOMMERCE */ #woocat {background-color: #f5f5f5;padding: 90px 0;} #woocat .ck_woo_cat > div {height: 340px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #woocat .ck_woo_cat > div:hover {-webkit-transform: scale(0.97); -moz-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97); } #woocat .ck_woo_cat > div::before, #woocat .ck_woo_cat > div::after {content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #woocat .ck_woo_cat > div::before {background-color: #f7e57b;opacity: 0.5;} #woocat .ck_woo_cat:nth-child(2) > div::before {background-color: #c6c2cd; opacity: 0.7; } #woocat .ck_woo_cat > div::after {background-color: rgba(35,35,35,0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; pointer-events: none; } #woocat .ck_woo_cat > div:hover::after {background-color: rgba(35,35,35,0.3); } #woocat .ck_woo_cat > div a.title_lk {color: #fff; font-size: 25px; text-decoration: none; display: flex; align-items: flex-end; justify-content: left; padding: 40px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #woocat .ck_woo_cat > div a.title_lk span {position: relative; } #woocat .ck_woo_cat > div a.title_lk span::before, #woocat .ck_woo_cat > div a.title_lk span::after {content: ""; display: block; height: 2px; position: absolute; bottom: -15px; left: 0; } #woocat .ck_woo_cat > div a.title_lk span::before {width: 30px; background-color: rgba(255,255,255,0.4); } #woocat .ck_woo_cat > div a.title_lk span::after {width: 0; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #woocat .ck_woo_cat > div a.title_lk:hover span::after {width: 30px; } /* SINGLEPAGE */ #singlepage {background-color: #ffffff;margin: 0 auto;position: relative;min-height: 100vh;height: 820px;} #singlepage .ck_singlepage_content {height: 340px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; position: relative; } #singlepage .ck_singlepage_content {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #singlepage .ck_singlepage_content:hover {-webkit-transform: scale(0.97); -moz-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97); } #singlepage .ck_singlepage_content list {position: static; } #singlepage .ck_singlepage_content a.title_lk {color: #fff;font-size: 25px;text-decoration: none;display: flex;align-items: center;justify-content: center;padding: 40px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 8;} #singlepage .ck_singlepage_content a.title_lk::before {content: ""; display: block; background-color: #2baeb9; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; } #singlepage .ck_singlepage_content a.title_lk span:not(.subtitle) {position: relative; } #singlepage .ck_singlepage_content a.title_lk span:not(.subtitle)::before {content: ""; display: block; width: 30px; height: 2px; background-color: rgba(255,255,255,0.4); position: absolute; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #singlepage .ck_singlepage_content a.title_lk span:not(.subtitle)::after {content: ""; display: block; width: 0; height: 2px; background-color: #fff; position: absolute; bottom: -10px; left: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #singlepage .ck_singlepage_content a.title_lk:hover span:not(.subtitle)::after {width: 30px; } #singlepage .ck_singlepage_content a.title_lk span.subtitle { font-size: 85px; color: rgba(255,255,255,0.2); text-shadow: 0 0 70px rgba(0,0,0,0.2); letter-spacing: 4px; position: absolute; bottom: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #singlepage .ck_singlepage_content a.title_lk:hover span.subtitle {opacity: 1; bottom: 60px; } #singlepage .ck_singlepage_content::after {content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #singlepage .ck_singlepage_content:hover::after {background-color: rgba(35,35,35,0.3); } #singlepage .tc_content{ width: 100%; padding: 1em; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 14px; line-height:1.6; } #singlepage h2{ text-align: center; font-size:1.2em !important; } #singlepage li:hover .tc_content{ opacity:1; } #singlepage .liresuite{ width: 90%; } #singlepage .containListPage{ background: #fff; padding: 20px; margin-top: 20px; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 20px; box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); } #singlepage .cksliderwrap{ overflow:unset; } #singlepage .slideparent{ padding: 10px; width: 100%; } #singlepage .slideparent img{ width: 100%; /* max-width: 175px; */ margin: 0px auto; box-sizing: border-box; } #singlepage .slideparent list a{ color: #f52557; text-transform: uppercase; font-size: 1.5em; } #accroche { font-size: 3.5vmin; color: #fff; position: absolute; top: 50%; text-align: right; width: 100%; padding: 0 20px; box-sizing: border-box; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #00a2e5; font-family: 'kenyan_coffeeregular'; } #accroche strong{ text-transform:uppercase; color:#fff; } #descat { line-height: 1.5; padding-top: 60px; padding-bottom: 60px; background-position: center center; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; letter-spacing: -0.03em; } #descat a { color: #fff; } #descat a:hover { text-decoration: none; } /*Rotating Text Effect*/ .rotating { display: inline-block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); -moz-transform: rotateX(0) rotateY(0) rotateZ(0); -ms-transform: rotateX(0) rotateY(0) rotateZ(0); -o-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-origin-x: 50%; } .rotating.flip { position: relative; } .rotating .front, .rotating .back { left: 0; top: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .rotating .front { position: absolute; display: inline-block; -webkit-transform: translate3d(0,0,1px); -moz-transform: translate3d(0,0,1px); -ms-transform: translate3d(0,0,1px); -o-transform: translate3d(0,0,1px); transform: translate3d(0,0,1px); } .rotating.flip .front { z-index: 1; } .rotating .back { display: block; opacity: 0; } .rotating.spin { -webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } .rotating.flip .back { z-index: 2; display: block; opacity: 1; -webkit-transform: rotateY(180deg) translate3d(0,0,0); -moz-transform: rotateY(180deg) translate3d(0,0,0); -ms-transform: rotateY(180deg) translate3d(0,0,0); -o-transform: rotateY(180deg) translate3d(0,0,0); transform: rotateY(180deg) translate3d(0,0,0); } .rotating.flip.up .back { -webkit-transform: rotateX(180deg) translate3d(0,0,0); -moz-transform: rotateX(180deg) translate3d(0,0,0); -ms-transform: rotateX(180deg) translate3d(0,0,0); -o-transform: rotateX(180deg) translate3d(0,0,0); transform: rotateX(180deg) translate3d(0,0,0); } .rotating.flip.cube .front { -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: translate3d(0,0,100px) scale(0.85,0.85); -o-transform: translate3d(0,0,100px) scale(0.85,0.85); transform: translate3d(0,0,100px) scale(0.85,0.85); } .rotating.flip.cube .back { -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); } .rotating.flip.cube.up .back { -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); } #xreferences{ background: #f0f0f0; padding: 40px 0; margin-top: 40px; } #xreferences .elementimg img{ padding: 20px; box-sizing: border-box; } .subpagepresta { background: #f6f6f6; padding: 40px 20px 0 20px !important; box-sizing: border-box; border: 1px solid #eee; box-shadow: 0px 12px 12px -12px rgba(0,0,0,0.5); } .subpagepresta .containListPage {padding: 0;} .subpagepresta .containListPage .blocthumb { width: 100%; } .subpagepresta .containListPage .blocthumb img { max-width: initial; } .subpagepresta .containListPage h2 { position: absolute; width: 90%; text-align: center; background: rgba(255,255,255,0.8); top: 10px; margin: 0 5%; left: 0; } .subpagepresta .containListPage .tc_excerpt { text-align: left; } .subpagepresta .containListPage .liresuite { width: 240px !important; } .subpagepresta .containListPage .liresuite a{ width: 100% !important; margin: 20px 0% 40px !important; box-sizing: border-box; } #headgarenti{ position: absolute; top: -4px; right: -20px; z-index: 10; width: 125px; height: auto; } #singlepage #xpagechild{ height: 100%; } #singlepage #xpagechild li{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: scale(0.90); opacity:0; position: relative; } #singlepage #xpagechild li:hover{ transform: scale(1); } /*#singlepage .containListPage::before,.blockslidecontent::before{ content: url(../images/paint-splash.png); position: absolute; top:-45px; left:-45px; }*/ .blockslidecontent::before{ left:-50px; } #calltoaction{ position: relative; /* font-size:1.5em; */ text-align: center; padding: 20vh; /* color:#fff; */ z-index: 1; } #calltoaction { background: #884b6e; background-size:cover; color: #884b6e; /* font-size: 3em; */ line-height: 60px; position: relative; font-family:'Lato-Regular', sans-serif; background-position: center; } #calltoaction section{ background:#fff; max-width: 250px; position: relative; padding: 2em; color:#786c5d; font-size:1.2em; text-align: center; right: 2em; top: -2em; z-index: 1; line-height:1.5; position: absolute;; } #calltoaction .accroche{ font-size:1em; } .cta-phone{ width: 100px; } .nohome #hotel-cta .accroche{margin: 0 auto!important;top: 175px!important;transform: translate(-50%,0px)!important;} .accroche p{ font-family: Lato-Bold, sans-serif; } #calltoaction a{ margin-top:20px; margin-right:10px; display: inline-block; padding: 10px 20px; } @media screen and (max-width:480px){ #calltoaction a{ display: block; } #calltoaction .tellink{ display: block; } } #calltoaction img{ transition:250ms ease-in; cursor: pointer; z-index: 1; position: relative; } form#commentform{ color:#fff !important; } /* BOUTON RETOUR VERS EL HAUT */ .return-btn{ visibility: hidden; opacity: 0; position: fixed; bottom: 30px; right: 30px; z-index:999999; width: 50px; height: 50px; transition: all 0.5s ease-in-out; text-decoration: none; font-size:2em; font-weight: bold; /* border: 1px solid #fff; */ /* padding: 10px; */ background: #fff; border-radius: 50%; } .return-btn img{ max-width: 100%; } .return-btn:hover{ bottom: 50px; } .btn-show{ visibility: visible; opacity:1; } .btn-cta{ font-size:13px; display: inline-block; text-align: center; margin: 1em; } .btn-cta:hover{ background: #e40a7f; border-color: #e40a7f; color:#fff !important; } .hero-content .btn-cta{ background: #786c5d; background-size: 20px; background-repeat: no-repeat; background-position:right center; } /* LAST MENU ITEM */ .last-menu-item{ color: #fff !important; text-decoration: none; padding: 15px 30px; margin-left: 6px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-sizing: border-box; font-family: 'Lato-Bold',sans-serif; font-size: 14px; font-weight: bold; /* letter-spacing: 2px; */ text-transform: uppercase; border-radius: 30px; background: #786c5d; border: 1px solid #786c5d; } a.last-menu-item.naviglink.lvl-0 { /* padding:15px 50px 15px 15px; */ color:#fff !important; } .last-menu-item::after{ content:url(../images/mail.png); position: absolute; top:18px; right:14px; } .last-menu-item:hover{ box-shadow:0 4px 4px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2); } .article_content .hasthumb .blocthumb{ border:2px solid black; } #xheader{ background-size:cover; position: absolute; } #xheader::before{ background:rgba(136,75,110,0.5); width:100%; height:100%; position: absolute; top:0; left:0; bottom:0; } .hero-menu{ display: flex; justify-content: space-between; } .homelogo { display: block; width: 600px; margin: 60px auto 40px auto; padding: 15px; } .logo-centre { max-width: 75px; } .gallery-home{ background:#fff; } #ckmenu-text{ color:#fff; text-transform: uppercase; font-size: 0.9em; font-family: 'Lato-Regular',sans-serif; } :before .wave{ top:-90px; z-index: 999; } .blocbthead{ margin-top: 20px; text-align: center; } .blocbthead > *{ display: inline-block !important; margin: 5px 8px !important; } .home #xtext { padding: 40px; /* background-attachment: fixed; */ background-position: bottom right; background-repeat: no-repeat; position: relative; /* margin-top: -5px; */ } .home #xtext::before { /* position: absolute; */ top:0; bottom:0; left:0; right:0; background-image: linear-gradient(to right, rgba(255,255,255,0.8), rgba(255,255,255,0.6)); } .img_wrap{ position:relative; } .img_wrap h2{ /* background: #fff !important; */ padding: 0.8em 1em; font-size: 0.9em !important; } .img_description{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(26, 26, 26, 0.7); color: #fff; visibility: hidden; opacity: 0; display: flex !important; flex-direction: column; align-items: center; justify-content: center; transition: opacity .2s, visibility .2s; padding:0 20px; } .img_description h2{ color: #fff; font-weight: bold; font-family: 'bebasneue-regular-webfont', sans-serif; -webkit-font-smoothing: antialiased; text-shadow: 0 0 10px #444; font-size: 2em !important; letter-spacing: 2px; } .img_wrap:hover .img_description { visibility: visible; opacity: 1; } .img_description {transition: .2s;transform: translateY(1em);} .img_wrap:hover .img_description {transform: translateY(0);} /* ICON BTN HERO */ .hero-content .btn-cta{ /* background-image: url(../images/ink.svg); */ /* background-position: bottom right; */ background-repeat:no-repeat; /* background-size:contain; */ } #xfooter img{ max-width: 250px; } #blocimghome img{ max-width: 100%; } h3#comments{ text-align: center; } #xinfocontact .tellink{ text-align: center; width: auto; } #bloctxthome h2{ margin-bottom: 10px !important; font-size:2em; } .hometitle-1{ color:#87b04a; background: url(../images/pomme.png); background-size:contain; background-repeat:no-repeat; padding:0 30px !important; } .hometitle-2{ color:#710060; background: url(../images/quetsche.png); background-size:contain; background-repeat:no-repeat; padding:0 30px !important; } .hometitle-3{ color:#c81430; background: url(../images/cerise.png); background-size:contain; background-repeat:no-repeat; padding:0 30px !important; } .newsletter{ background: #fff; padding: 5vh 0; } .newsletter .noticenewsletter{ font-size: 0.7em; margin: 30px 0; color: #808080; width: 50%; margin: 3em auto; } .newsletter input{ padding:10px; color: #87b04a; border-radius: 10px; } .newsletter input[type=email], #xfooter input[type=email]{ background:url(../images/icons/mail.png); background-repeat:no-repeat; background-position: center left 7px; padding-left:30px; font-family: 'Lato-Regular',sans-serif; box-sizing: border-box; border-style: solid; border-radius: 10px 0 0 10px; } .newsletter input[type=submit]{ border-radius:0 10px 10px 0; margin-left: -4px; } .newsletter label{ display: none; } .newsletter form{ text-align:center; } .newsletter .inputnewsletter, .newsletter .submitnewsletter{ display:inline-block; /* margin:0.8em; */ } .newsletter .button{ padding: 10px 20px 11px; background: #87b04a; border: 1px solid #87b04a; } .newsletter .button:hover{ background:none; color:#87b04a !important; } .news-wrapper{ max-width:50%; margin:0 auto; background:#fff; padding:20px; text-align: center; } .banana{ opacity: 0; transition: 500ms all ease-out; transform:translateY(-30%); } .banana-trigg{ opacity:1; transform:translateY(0); } #bloctxthome{ /* padding-bottom: 190px; */ position: relative; z-index: 15; } .bggreen{ background: green; } .hotel-content{ background:#fff; max-width: 250px; position: relative; padding: 2em; color:#786c5d; font-size:1.2em; text-align: center; left: 2em; top: 2em; z-index: 1; line-height:1.5; position: relative; box-shadow:0px -10px 60px -30px #000; } .hotel-content img{ background:#786c5d; padding:1em; /* border-radius:50%; */ position: absolute; top: -5em; transform:translateX(-50%); left:50%; width: 70px; } .hotel-content .button{ display: block; text-align: center; margin-top: 1.5em; } #xheader .head-deco{ position: absolute; bottom: 0; z-index: -5; } #xheader .header-sched{ background:url(../images/icons/time.png); background-repeat: no-repeat; background-position: left center; padding-left: 3.5em; line-height:1.5; color: #783751; display: inline-block; font-size:18px; margin-right:1em; } .home-text{ display:flex; justify-content: space-between; } .home-text #bloctxthome{ width: 90%; margin-right:2em; } .home-text .tc_content{ padding:0; } #meal-container{ margin:0 auto; padding: 2em; } #meal-container img{ margin:0; } .nohome #xprestations{ background:none; } .nohome #xprestations h2{ color: #786c5d; } .nohome #xprestations h2{ position:static; color: #E20000!important; text-align: left; max-width: 100%; /* margin: 0 auto; */ } .platdujour h3 a{ color:#808080; padding: 1em; font-size:1.2em; } .nohome h1{ text-align: left; padding: 15px; } .nohome #xprestations .contentsections { padding:1.5em; text-align: center; } .meal-thumb{ position: relative; max-width: 600px; flex:2; } .meal-title{ color:#786c5d; font-size: 1em; } .meal-thumb .button{ position: absolute; bottom: 0; right: 0; } .meal-content{ background:#fff; background-repeat: no-repeat; background-position:top 10px center; position: relative; box-shadow:0px -10px 60px -30px #000; padding: 2em; text-align: center; flex: 1; display:flex; justify-content: center; align-items: center; flex-direction: column; } .meal-content::before{ content:''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 20px 34.6px 20px 0; border-color: transparent #ffffff transparent transparent; top: 50%; transform:translateY(-50%); left: -26px; } .meal-container{ display:flex; } .petit{ background:#fff; padding:1em; max-width:100px; } #formhead { /* padding-right: 50px; */ margin-top: -10%; } .pageform #xform .form_contact { margin: 0 !important; } #xreassurance{ padding: 2em; } ul.picto-container{ display: flex; align-items: center; justify-content: center; } .picto-bloc{ padding: 1em 2em; text-align: center; display: inline-block; } .picto-bloc p{ letter-spacing: 2px; margin-top: 5px; color: #fff; } .picto-bloc svg{ width: 90px; height: 90px; } .dateckslider { padding-top:10px; margin: 0 auto; color: #786c5d; } .icone-petite { width: 75px; height: 75px; position: relative; top: -35px; left: -35px; z-index:5; } .adresse-box { padding: 5px 0px 5px 10px; text-align: center; margin:0 auto; } .infohead{ padding: 4px; left: 0px; right: 0px; position: absolute; top: 70px; } .inflogohead{ padding: 10px 0 0 0; } .contentsections:before { position: absolute; width: 75px; height: 75px; top: 15px; right: 15px; background-size: 100%; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7,0,0.3,1); transition: transform 0.4s cubic-bezier(0.7,0,0.3,1); z-index: 2; } .header-icon { background:url(../images/icons/phone.svg); background-repeat: no-repeat; background-position: left center; background-size: 22px; padding-left: 31px; color: #8c8c8c; line-height: 1.5; text-align: left; font-size: 16px; box-sizing: border-box; margin-left: 2px; } .header-fax { background:url(../images/icons/fax.svg); background-repeat: no-repeat; background-position: left center; background-size: 22px; /* padding-right: 20px; */ padding-left: 31px; /* padding-top: 36px; */ color: #8c8c8c; line-height: 1.5; text-align: left; font-size: 16px; box-sizing: border-box; margin-left: 2px; } .header-icon span, .header-fax span { padding-left: 31px; } #blocimghome { position: relative; top: 175px; left: 50px; /* background-image: url(../images/fond_tel.jpg); */ background-size: 200%; background-repeat:no-repeat; background-position: right bottom; } .cvform { position: relative; display: inline-block; margin:0 auto; } .partenaires img { margin-top: 50%; transform: translateY(-50%); /* position: absolute; */ left: 0; width:100%; } .partenaires .widget_element_page.listelemul li .containListPage { box-shadow: none; font-size:0px; } .partenaires .widget_element_page.listelemul li .containListPage >* { font-size:16px!important; } .partenaires .elementimg { overflow:hidden; } #xsections .contentsections .big { float: none; text-align: center; flex: none; display: inline-block; color: #000!important; background: #ffffff; } .nohome #xcontent .tc_content ul li { font-size: 15px; margin-left: 30px; } .navigmenu .naviglink.lvl-0 { font-size: 17px!important; } .navigmenu { margin: 25vh 0px!important; } #xform-devis #enteteform { padding: 100px 50px; background: #1d1c1be6; } #xform-devis { background-size: cover; background: url(../images/background-contact.jpg); background-size:cover; background-repeat: no-repeat; padding: 50px; position:relative; } .pictosDiv { z-index: 14; } .textAccroche .accroche { text-align: center; font-size: 40px; padding: 5vh 0vh 5vh 0vh!important; } .cache { display: none; } #espace strong { cursor:pointer; } #espace strong:hover { cursor:pointer; text-decoration:underline!important; } #espace { border:2px solid #786c5d; border-radius: 50px; padding: 15px!important; } .espaceClient { text-align:center; } #contenthor li a, #contenthor li a:visited { color:white; font-size: 18px; text-decoration:none; text-transform: uppercase; } #contenthor li a:hover { text-decoration:underline; } .subtitleHeader { font-size:25px; margin-top: 25px; } #xsections .wrapper { padding: 1px 0px!important; max-width: 1140px; } #xactu .icone-petite { top: 35px; } .inflogohead .wrapper { max-width:1500px; } .home .img_wrap { margin: 0 auto; margin: 0px!important; } .home .sectionsbloc .thumbsections { position: relative; z-index: 2; padding: 0; overflow:hidden; width: 100%; } .home .sectionsbloc .contentsections { background: #28272e; position: relative; } .home .sectionsbloc .contentsections .button { background: white; text-transform: uppercase; padding: 15px; border: 2px solid #fff; } .home .sectionsbloc .contentsections .button:hover { color: #555!important; } .home .sectionsbloc .contentsections h2, #xsections .tc_content p, #xsections .tc_content ul li, #xsections .tc_content ol li { color: #fff!important; } .home .sectionsbloc .contentsections h2 { color: #fff; font-size: 30px !important; position: relative; } .home .sectionsbloc .contentsections strong { color:white; font-size:16px; } .centerlbp { text-align: center; margin-bottom:15px; } .addressInfo { position: relative; padding-left: 50px!important; } .footer-item { text-align: center; } #xfooter .wrapper { padding: 0px 0px 0px 0px; } .copyrightDiv { background: #786c5d; padding: 20px; } .copyrightDiv a { text-transform: uppercase; font-family: 'Montserrat-SemiBold', sans-serif; font-size: 16px; } #xform-devis p { display: inline; color:white; font-size: 50px; text-align: center; font-family: 'Lato-Bold'; } #xform-devis .button { flex:none; margin-top:32px; } .accroche .phonea.show:after, .accroche .phonea.hide:after { content: ""; display: none!important; } .accroche .button::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #E20000 transparent transparent transparent; position: absolute; bottom: -31px; } .accroche .tellink { margin:0px; padding: 0px!important; } .accroche a { margin:0px!important; padding: 15px!important; border: 2px solid #E20000!important; } .home #xprestations .description-image { margin: 0px!important; text-align: center!important; transition: all 0.4s; } #xprestations h2 { color:white!important; font-size: 34px!important; padding: 5px!important; width: 100%; box-sizing: border-box; text-align: center; transition: all 0.4s; } .borderImg { padding:0px!important; } .home .img_wrap:hover img { transform:scale(1.2); } .page_nos-prestations #xprestations .liresuite a { background: #E20000!important; border:2px solid; color: #fff!important; margin: 0px!important; font-size: 16px; border: none; opacity: 1; } .page_nos-prestations #xprestations .liresuite:hover a { background: transparent; color: #a7a7a7!important; } .accroche .tellink .phonea { padding: 13px!important; } .nohome .imgUne .blocthumb::after { content:" "; /* position: absolute; */ /* top: 0px; */ /* bottom: 0px; */ /* left: 0px; */ /* right: 0px; */ /* background: #0000004f; */ } .nohome h2 { color: #000000!important; font-size: 2.5em!important; font-weight: 500; margin-bottom: 10px; } .nohome #xcontact { padding-bottom:0px; /* background: red; */ } #xmap { padding: 20px; width: 100%; } #map_canvas{min-height:400px;} .LogoContact {text-align: center;} .LogoContact a img { max-width:400px; display: inline-block; text-align: center; margin:0 auto; padding:20px; background:#ffffff50; } .LogoContact a { text-align: center; margin:0 auto; } #xcontact #xform { margin: 32px 40px; font-family: 'Roboto-Regular'; } .template-contact-php .cekome_form form { padding: 10px!important; } #contact-popup { background: #E20000 url(../images/icons/mail.svg); color: #fff; padding: 1.5em; border-radius: 30px; text-transform: uppercase; font-weight: bold; background-repeat: no-repeat; background-size: 80px; padding-top: 87px; background-position: top center; position: absolute; transition: 800ms all ease-in-out; transform: translate(-50%, -120%); } #contact-popup::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 50px 51px 0; border-color: transparent #E20000 transparent transparent; position: absolute; bottom: -38px; left: 50%; transform: translateX(-50%); } .template-contact-php .tc_content.perso { position: relative; } .template-contact-php .tc_content.perso::after { /* content:" "; */ position: absolute; background:url(../images/icons/mapContact.svg); background-repeat:no-repeat; background-size:contain; height:30px; width:30px; top:30px; left:30px; } .template-contact-php #xinfocontact .tellink a { border:none; color: #1d1c1b; padding: 5px 10px; font-size: 16px; /* border: 2px solid!important; */ /* text-align: center; */ position: initial; top: 5px; left: 0; margin: 0 auto; text-align: center; } .template-contact-php #xinfocontact .tellink a::after { background:url(../images/icons/phoneContact.svg); height:30px; width:30px; top: -5px; left: -30px; background-repeat:no-repeat; background-size:contain; } .nohome.category .sectionsbloc .thumbsections .blocthumb { padding:40px; max-height: 300px; overflow: hidden; } /* ------------------------- */ /* ANIMATION WAYPOINTS */ /* ------------------------- */ .js-trigg { opacity: 1 !important; transform: translateY(0) !important; } .slog-trigg { opacity: 1 !important;transform: translateX(0) !important; } .opacity-trigg { opacity: 1 !important; } #bloctxthome, .thumbnailckslider, .contact-wrap, #xprestations ul, .contentsections { transform: translateY(-20%); opacity: 0; transition: 900ms all ease-in-out; } .accroche, #enteteform { transform:translateX(-50%); opacity: 0; transition: 900ms all ease-in-out; } /* ------------------------- */ /* Slogan */ /* ------------------------- */ .slogan-content #slogan-sub { color:#fff; text-shadow:1px 1px 2px rgb(93, 93, 93); text-transform: uppercase; margin-bottom: 50px; font-size: 40px; } #slogan-sub span { text-transform: capitalize; font-size: 48px; color: #fff; } .slogan-content { color:#fff; height: 10vh; } .nohome .slogan-content { margin-top:0; } #sloganhead { /* text-transform: uppercase; */ font-size: 70px; letter-spacing: 2px; padding: 25px; } /* ------------------------- */ /* */ /* ------------------------- */ #hotel-cta .accroche { box-sizing: border-box; position: absolute; text-align: center; top: 50vh; left: 50%; transform: translate(-50%,-25%)!important; opacity: 0; height: auto; width: 400px; } .presta-anim, .presta-anim .containListPage, .presta-anim .article_content .presta-wrap { padding:0px!important; margin:0px!important; } #xactu .thumbnailckslider { padding: 20px 0px; margin: 0px; text-align: center; order: 2; overflow: hidden; background: #ffffff; transform: translateX(1px)!important; } .img_description { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(26, 26, 26, 0.7); color: #fff; visibility: hidden; opacity: 0; display: flex !important; flex-direction: column; align-items: center; justify-content: center; transition: opacity .2s, visibility .2s; padding: 0 20px; } .img_description { transition: .2s; transform: translateY(1em); } .img_wrap:hover .img_description { visibility: visible; opacity: 1; } .contentImg { padding: 4em; text-align: center; text-transform: uppercase; } .img_wrap .description-image::before { /* content:" "; */ /* border:2px solid white; */ position:absolute; top:10px; bottom: 10px; right:10px; left:10px; } /*---------------------------*/ /*---------------------------*/ /*---------------------------*/ #xagences { margin: 25px; } #xagences h2 { color: #1d1c1b!important; font-size: 2.5em!important; text-align: center; } #xtext .wrapper, .nohome .wrapper, #xagences .wrapper { max-width:1140px; } .navigmenu .navigtoogle.has-child .navdownwrapper a:hover { color: #f7f100; } .home .sectionsbloc .contentsections .button:hover {background: #4a4744;} .nohome #xform { /* background: #fff; */ margin: 25px 50px; } .page_nos-prestations .liresuite { margin:initial!important; } .page_nos-prestations .liresuite a { margin:initial!important; margin-top:15px!important; background:transparent!important; } .page_nos-prestations .blocthumb { padding:10px; } .template-contact-php h2 { font-family: 'Lato-Bold',sans-serif!important; text-align: center; margin-top: 20px; } .template-contact-php .tc_content.perso li { list-style: none; } .infoouverture { padding: 20px; line-height: 30px; z-index: 15; /* color: #000; */ } .product h1 { color: #fdbe00!important; } #xzoneprod { background:#786c5d; } .woocommerce { padding-top:50px; } .pagenotfound #xcontent { color:#fff; padding:20vh 0px; margin:0 auto; text-align:center; } .pagenotfound .button { padding:25px; border:2px solid white; margin:25px auto; position: relative; top:50px; } .template-contact-php #xcontact .mapCentres { text-align: center; padding:40px; } .template-contact-php #xcontact .mapCentres img { max-width:100%; margin:0 auto!important; text-align: center; } .ckmenu { max-width: 40px; margin: 0 auto; padding: 10px 16px; border-radius: 5px; } /*Navig sur les autres pages que l'accueil*/ .navigPages { position: static!important; width: 100%; } .navigPages .ckmenu-toogle { display: inline-block; } .nohomelogo { box-sizing:border-box; display: block; max-width: 250px; margin: 0 auto; /* display: none; */ } .nohome .share-buttons { margin-top: 0px; } .navigPages .ckmenu-nav { height:auto; } .navigPages .ckmenu-toogle { width: 40px; } .navigmenu .navigtoogle.has-child .navdownwrapper a { text-transform: initial; } #xliprod .button { position: relative; top:-30px; } #xliprod .button:before { content:"⬅ "; } #xliprod .button:hover { text-decoration: underline; } .product .ckslidercontrols .prev { left:-50px; top:30%!important; } .product .ckslidercontrols .next { right:-50px; top:30%!important; } .product .cksliderwrap:hover .ckslidercontrols .prev { left:-70px; } .product .cksliderwrap:hover .ckslidercontrols .next { right:-70px; } #navig { transition:all 0.4s; } .ckmenu-toogle::after { content:"menu"; text-transform:uppercase; text-align: center; color: #ffffff; position: relative; top: 5px; } .nohome .ckmenu-toogle::after { left:20px; } .logoAlsace { width:50px; position: absolute; top:10px; right:10px; } #xagences .ckslidercontrols { display: none; } .widget_element_page.listelemul>li { margin: 0 auto!important; } .nohome .ckmenu { margin:0 auto; max-width: 40px; position: static; margin-bottom: 0px; } .nohome .ckmenu-toogle::after { margin:0px auto; position:initial; text-align: center; color: #fff; } .nohome .ckmenu-toogle .ckmenu-line { margin:5px auto; background: #fff; } .nohome .ckmenu-toogle { max-width:40px; } .template-contact-php .LogoContact a img { background: none; } .nohome .ckmenu-nav { margin-top:initial!important; } #xprestations .ckctrldiv { bottom: -30px; } /*------------REASSURANCE-----------*/ .picto-bloc svg { border: 4px solid #fff; padding: 20px; } #xreassurance { background: #282828; background-size: cover; } .description-image a { font-size: 20px; line-height: 20px; } /*------------COULEURS-----------*/ #xtext, #xactu, #xsections, #xcontent { background: #fff; } .contentckslidertext, .titleckslider a, h1, .tc-content p, #xfooter .infoouverture, .tc_content p, .tc_content a, .tc_content li, .tc_content strong, .page article p, .page article a, .accroche p, #xinfocontact .addressInfo .telIco, #xinfocontact .addressInfo .adresseIco { color:#1d1c1b; } #xprestations a, .footer-address li p, #xfooter a { color:#fff; } h1,h2,h3,h4,h5,h6, .nohome .content a { color:#E20000!important; } .hero-content p { text-decoration: none; color: #ffffff; } #xfooter .telIco { color: #f8ef00!important; } #xprestations .img_wrap:hover a { color: #f8ef00; } /*------------xAgences-----------*/ #xagences .containListPage img { max-width:200px ; filter: none; } #xagences .containListPage { text-align: center; background:none; box-shadow: none; } #xagences .widget_element_page { align-items: center; } /*------------PREV ET NEXT-----------*/ #xactu .prev,#xactu .next { background-color: #E20000; border-radius:0px; padding:10px; background-size: cover; float: none!important; background-position: center center; background-repeat: no-repeat; background-size: 30px; transform: translateY(0); } #xactu .prev { bottom: 0px!important; left: initial!important; top: initial; right: 60px; background-color: #7d0000; border: 0px; float: none!important; } #xactu .next { bottom: 0px!important; border: 0px; right: 0px; top: initial; } #xactu .ckctrldiv { bottom: -20px; } #xmapFooter { padding: 0px; width: 100%; } /*------------HEADER-----------*/ .adresseIco p { position: relative; } #xheader .tellink::after { content: ""; background: url(../images/icons/phone.svg); display: block; width: 34px; height: 34px; background-size: 100%; } #openHoraire::after { content: ""; background: url(../images/icons/clock.svg); display: block; width: 34px; height: 34px; background-size: 100%; } #openHoraire { height:33px; transform: translateY(10px); } #xheader .phonea.hide::after, #xheader .phonea.show::after { display: none!important; } #xheader .tellink, #openHoraire { position: relative; padding:0px; } #xheader .addressInfo, #xheader .tellink a, #openHoraire { padding: 0px 45px!important; cursor: pointer; } .addressInfo:after, .tellink::after, #openHoraire::after { position: absolute; box-sizing: border-box; top:0%; left:0%; } #xheader .share-buttons a svg { padding:0px; } #xheader .share-buttons { margin-top:0px; margin-right:0px; } /*SELECT*/ .cekome_form .blc_select::before { content:"Objet du message"; display: block; margin-bottom:5px; text-transform: uppercase; font-family: 'Lato-Bold',sans-serif!important; font-size: 20px; color: #fff; } /*PAGE CONTACT*/ .nohome #xcontent .phonea.hide::after, .nohome #xcontent .phonea.show::after { display: none; } /*FOOTER*/ #xfooter .phonea.show:after, #xfooter .phonea.hide:after { display:none; } #xfooter .phonea.hide, #xfooter .phonea.show { border:none; } .nohome .liresuite a { background: #E20000; position: static; } .nohome .liresuite { display: inline-block; margin:0px!important; text-align: center; } .nohome .liresuite:hover a { background: #1d1c1b; } body.galerie .content { padding:25px; } body.single-php .blocthumb { max-height: 500px; overflow:hidden; } .page-php .blocthumb img, .single-php .blocthumb img {padding: 25px;box-sizing: border-box;} #xprestations article a { text-decoration: none; transition: all 0.4s; font-family: 'Lato-Regular'; } /*FOOTER FORM*/ #xform-devis #enteteform { padding: 25px; } #xform .cekome_form input[type="text"] { background:transparent; } /***/ #contenthor li { margin:15px; } .nohome .imgUne .blocthumb { max-height: 600px; overflow: hidden; } .nohome #xcontent table { background: #f9f9f9; width:100%; } .nohome #xcontent table td { width: 48.5%; display: inline-block; box-sizing: border-box; padding:25px 0px; text-align: right; font-size: 16px; } .nohome #xcontent table tr { width: 100%; display: inline-block; text-align: center; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; } .nohome #xcontent table tr:last-child { border-bottom: none; } .nohome #xcontent table { padding: 0px 35px!important; display: inline-block; width: auto; margin: 32px auto; border-radius: 5px; } .nohome #xcontent table tr td:first-child { text-align: left; } #contenthor h2 { text-align:center!important; color: white!important; } #xcontact li { margin-left: 0px!important; } #xsections .contentsections .big { margin-bottom: 30px!important; } .tc_content ol li { box-sizing: border-box; list-style-type: decimal; } #xactu .blockslidecontent { background: #f7f7f7; } /*-----------ICONES SECTIONS------------*/ .home .sectionscont:nth-child(1) .sectionsbloc .thumbsections::after { background-image:url(../images/icons/transport-4.svg); } .home .sectionscont:nth-child(2) .sectionsbloc .thumbsections::after { background-image:url(../images/icons/transport-5.svg); } .home .sectionscont:nth-child(3) .sectionsbloc .thumbsections::after { background-image:url(../images/icons/transport-6.svg); } .home .sectionscont:nth-child(4) .sectionsbloc .thumbsections::after { background-image:url(../images/icons/transport-7.svg); } .home .sectionsbloc .thumbsections::after { content: ""; position: absolute; top: 0px; left: 0px; height: 100px; width: 100px; background: url(../images/icons/); background-size: cover; z-index: 3; stroke:#fff; background-position: center; background-repeat: no-repeat; background-size: 80%; background-color: #383737; border-bottom: 2px solid #f5ee00; } .home .sectionscont:nth-child(odd) .sectionsbloc .thumbsections::after { top: 0px; right: 0px; left: initial; } #xsections .contentsections .big:hover { background-color: #28272e!important; color: #fff!important; } .nohome h1,.nohome h2, .nohome h3 { font-family: 'Lato-Bold'!important; } .nohome h1 { text-align:center!important; } #xfooter .adresseIco::after { top:50%; transform: translateY(-50%); } /*---------------------Debut du style de transmat----------------------*/ /*Prestations*/ #xprestations .hasthumb { position: relative; } .thumbgsecteurs { position: absolute; top: -189px; left: 50%; transform: translate(-50%); height: 175px; width: 175px; background-size: 60%; background-repeat: no-repeat; background-position: center; filter:invert(100%) sepia(48%) saturate(0%) hue-rotate(167deg) brightness(103%) contrast(106%); } .presta-anim:hover .thumbgsecteurs { filter: invert(85%) sepia(82%) saturate(5523%) hue-rotate(11deg) brightness(118%) contrast(104%); } .home #xprestations { background: #282828; } #xprestations .img_wrap:hover .description-image { position:relative; transition: all 0.4s; } #xprestations .description-image::before { content: ""; transition: all 0.6s; display:inline-block; margin: 0 auto; width: 40%; height: 3px; background: #f8ef00; position: absolute; top: -20px; left: 0; bottom: 0; right: 0; opacity:0; } #xprestations .description-image::after { content: ""; transition: all 0.6s; display:inline-block; margin: 0 auto; width:100px; height: 100px; position: absolute; top: -125px; left: 0; bottom: 0; right: 0; z-index: 10; background-size:cover; } /*-------------*/ #xprestations .presta-anim { padding: 10px 35px!important; } #xprestations .presta-anim .description-image::after { cursor:pointer; } #xprestations .img_wrap:hover .description-image::before { opacity: 1; } /*----------------*/ #xprestations .ckslider { overflow:visible; margin: 0 auto; } /*----------------*/ /* HotelCTA */ /*----------------*/ #hotel-cta { height: 100vh!important; background-size: cover; background-position: center top; } .accrocheCache { background: linear-gradient(to bottom,#0000,#00000080); height: 100vh; width: 100%; } .nohome #hotel-cta { height: 400px!important; } .home .accrocheCache, .home #hotel-cta { min-height: 800px; } /*----------------*/ /* FOOTER */ /*----------------*/ #xfooter .adresseIco:after, #xfooter .telIco:after, #xfooter #horaires::after, #xcontact .telIco:after, #xcontact .adresseIco:after { left:50%; transform: translateX(-50%); top: -20px; position: absolute; } #xfooter .footer-address p { margin-top: 20px; } /*----------------*/ /* Contact */ /*----------------*/ #xcontact .telIco:after { content: ""; background: url(../images/icons/phoneContact.svg); display: block; width: 40px; height: 40px; background-size: 60%; background-position: center; background-repeat: no-repeat; } #xcontact .adresseIco:after { content: ""; background: url(../images/icons/mapContact.svg); display: block; width: 40px; height: 40px; background-size: 60%; background-position: center; background-repeat: no-repeat; } #xform { width: 100%; } #xcontact .addressInfo p { padding: 30px; } #xcontact .telIco:after, #xcontact .adresseIco:after { top: -10px; margin-left: 0px; } /*----------------*/ /* AVIS */ /*----------------*/ .template-avis-php label { min-width: 200px; } .template-avis-php input { width: 100%; } /*----------------*/ /* TABLEAU */ /*----------------*/ .nohome .imgUne .blocthumb { max-height: 600px; overflow: hidden; } .nohome #xcontent table { background: #f9f9f9; width:100%; } .nohome #xcontent table td { width: 48.5%; display: inline-block; box-sizing: border-box; padding:25px 0px; text-align: right; font-size: 16px; } .nohome #xcontent .tabQuatre td, .nohome #xcontent .tabQuatre thead th { width: calc(100%/4.3); display: inline-block; box-sizing: border-box; padding:25px 0px; text-align: right; font-size: 16px; } .nohome #xcontent .tabQuatre thead th:first-child { text-align: left; } .nohome #xcontent table tr, .nohome #xcontent .tabQuatre thead { width: 100%; display: inline-block; text-align: center; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; } .nohome #xcontent table tr:last-child { border-bottom: none; } .nohome #xcontent table { padding: 0px 35px!important; display: inline-block; width: auto; margin: 32px auto; border-radius: 5px; } .nohome #xcontent table tr td:first-child { text-align: left; } /*----------------*/ /* GALERIE */ /*----------------*/ .template-slide-php .gallery-item { min-width: 100%; height: 500px; overflow: hidden; } .template-slide-php .gallery-item img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; } .template-slide-php .ckslidercontrols { display: none; } /*Header font*/ .naviglink.lvl-0 { font-family:'audiowide-Regular'; text-transform: uppercase; }