From: Vincent Vanwaelscappel Date: Fri, 7 Oct 2022 06:49:12 +0000 (+0200) Subject: wip #5513 @0.25 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=ac51ac0569d63d1a2e9ff6a92532a3f824b78407;p=tecintex.git wip #5513 @0.25 --- ac51ac0569d63d1a2e9ff6a92532a3f824b78407 diff --git a/.htaccess b/.htaccess new file mode 100644 index 0000000..52a0413 --- /dev/null +++ b/.htaccess @@ -0,0 +1,18 @@ +RewriteEngine On + +# remove .html, use THE_REQUEST to prevent infinite loops +RewriteCond %{THE_REQUEST} \s/+(.+?)\.html[\s?] [NC] +RewriteRule ^ /%1 [R=301,NE,L] + +# remove index from the end of URLs +RewriteRule (.*)index$ $1 [R=301] + +# remove slash if not directory +RewriteCond %{REQUEST_FILENAME} !-d +RewriteCond %{REQUEST_URI} /$ +RewriteRule (.*)/ $1 [R=301] + +# add .html to access file, but don't redirect (internal redirect only) +RewriteCond %{REQUEST_FILENAME}.html -f +RewriteCond %{REQUEST_URI} !/$ +RewriteRule (.*) $1.html [L] \ No newline at end of file diff --git a/company.html b/company.html new file mode 100644 index 0000000..cd1749d --- /dev/null +++ b/company.html @@ -0,0 +1,287 @@ + + + + + About TEC International Export + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+ Home +
+
+
+
+
+
+ Services +
+
+
+
+
+
+ Company +
+
+
+
+
+
+ Contact +
+
+
+
+
+
+ Credits + Legal Mentions +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

TEC International Export’s journey started in 1980, a family-owned business founded and flourished under the co-leadership of Mr. Remi Lanzenberg & Mr. Thomas Lanzenberg.

+
+
+
+
+
+
+
+

Oil & Gas
Equipment

+
+
+
+

Renewable
Energies

+
+
+
+

Agriculture
& Livestock

+
+
+
+

water
resources

+
+
+
+

Digital Transformation of Public
Administration

+
+
+
+

Engineering & Construction

+
+
+
+

Oil
Distribution

+
+
+
+
+
+
+
+
+
+
+
+
+

03

+
+

Before founding the company, Mr. Remi Lanzenberg managed construction projects in France and abroad, such as the Montparnasse Tower, the Cosmos Hotel in Moscow, Le Gray d’Albion Hotel in Cannes, the Solow Building, located at 9 West 57th Street in New York City, and the Consulate General of the Russian Federation in Strasbourg.

+
+
+
+
Since inception, TEC International Export has established and built its business model by maintaining long term relationships with its clients and suppliers. We pride ourselves at being highly trusted and well recognized for our commitment to reliability, quality and standards.

The company operates in partnership with leading multinational or regional firms.
+
+
+
+
+
+
+
+
+

our
mission

+

To please our clients, exceeding their expectations regarding quality and service.

+
+
+

OUR
VISION

+
To be a reference in our markets, recognized as the best option for clients and suppliers.
+

TEC International Export endeavors to become the number one supplier of top quality products with a focus on prompt deliveries and personalized service in its sphere of activity. We aim to reach this position by anticipating and meeting requirements, while keeping pace with technological advances and confirming to high quality standards.

+
+
+
+
+
+

OUR Values

+
Our values are part of our DNA. They guide the way we work with colleagues, customers, suppliers and business partners.
+
+
+
+
Entrepreneurarial spirit
+

Our entrepreneurial spirit drives growth, instills our pioneering soul in the new business territories we want to explore, strengthens our local empowerment, and makes us focus relentlessly on operational excellence. We are curious about the world around us. We are nimble, flexible and open to new ideas. We see change and transformation as a source of inspiration and energy. We identify future demands and have the open-mindedness and courage to develop new business areas. We are innovative and find smart ways to create new solutions and business.

+
+
+
Commitment to clients
+

We put our clients’ needs at the center of everything we do. We strive to understand our customers and give them the best. We are committed to meeting and exceeding our clients’ expectations. We aim to deliver the highest levels of service through high performance, continuous improvement,  and outstanding efficiency. We commit ourselves to pushing through our comfort barriers. We will overcome obstacles, find solutions and deliver exceptional results.

+
+
+
Trust
+

Trust is the basis for everything we do and the prerequisite for our success. We work hard to earn trust and respect. We deliver on our promises. We are open, straightforward and honest in our communication and in our conduct. We do the right thing. We take personal responsibility for getting things done. We build relationships that are in the interests of all involved. We are aware that trust is hard to gain and can be easily destroyed. That is why we prove at all times that the trust placed in us is worth it. We follow through on what we say we will do and when we say we will do it.

+
+
+
Passion
+

We are enthusiastic about what we do. We promote a positive, energizing and optimistic environment. We are passionate about our business. We are dedicated to the success of our clients and our people. We work hard to ensure we perform at the highest levels, always seeking to become better at what we do. We meet our challenges with creativity and optimism, pushing ourselves beyond our limits. We are committed to reaching our goals and prepared to go the extra mile. We value, promote and fiercely protect our reputation.

+
+
+
Accountability
+

We do what we say we are going to do. If something happens to prevent that, we determine the new course and communicate quickly. We focus on finding solutions and achieving results. We are personally accountable for delivering on our commitments. Accountability means more than just doing our job. It includes an obligation to make things better, to pursue excellence, and to do things in ways that further the goals of our organization. Being accountable means that we are answerable for our actions.

+
+
+
+
+
+
+
+
+
+
+

OUR
STRATEGY

+

We work to establish strong, long term relationships with our valued clients, while continuous efforts to offer them the highest level of service. The company’s reputation for quality and standards has attracted many clients across Russia & the CIS expanding to Africa, and we aim to add new markets to the countries we are already exporting to.

+
+
+

GLOBAL
REACH

+

Our company is prepared to reach all kinds of products worldwide. If you need anything, we can find it anywhere.

+
+
+
+
+
+ +
Credits
+ + +
Legal Mentions
+ +
+
©TEC 2022
+
+
+
+
+
+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..f8cdf3f --- /dev/null +++ b/contact.html @@ -0,0 +1,297 @@ + + + + + TEC International Export: Contact Us + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+ Home +
+
+
+
+
+
+ Services +
+
+
+
+
+
+ Company +
+
+
+
+
+
+ Contact +
+
+
+
+
+
+ Credits + Legal Mentions +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Beside the online contact form, you can contact us by mail or phone. You have all the information you need below.

+
+
+
+
+
+
+
+
+
+

01

+
+
TEC International Export
123 boulevard Murat
75016 PARIS
FRANCE
Email: info@tecintex.com
Phone: +33 1 47 43 12 08 +
+
+
+
+
+
+

what can we do
for you?

+
+
+
+
+

03

+
+

Whether you are looking for Oil & Gas Equipment, interested in Renewable Energies, Agriculture & Livestock, Water Resources, Digital Transformation of Public Administrations, Engineering & Construction, or Oil Supply, please take a few moments to complete this form.
We shall reply to you shortly!

+
+
+
+
+
Your details
+
Your message
+
+
+
Thank you! Your submission has been received!
+
+
+
Oops! Something went wrong while submitting the form.
+
+
+ +
+
+
+
+
+
+
+ +
Credits
+ + +
Legal Mentions
+ +
+
©TEC 2022
+
+
+
+
+
+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/credits.html b/credits.html new file mode 100644 index 0000000..397a48f --- /dev/null +++ b/credits.html @@ -0,0 +1,181 @@ + + + + + Credits + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+ Home +
+
+
+
+
+
+ Services +
+
+
+
+
+
+ Company +
+
+
+
+
+
+ Contact +
+
+
+
+
+
+ Credits + Legal Mentions +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Credits

+
+
+
+

The conception, web design and development of this website were carried out with care by Cubedesigners Agency. Based in Paris and Montpellier, Cubedesigners creates tailor-made websites, from graphic design to programming. For more information, please visit www.cubedesigners.com
‍
La conception, le design web et le développement de ce site ont été réalisés avec soin par l'agence Cubedesigners. Présente à Paris et Montpellier, Cubedesigners réalise des sites internet sur mesure, depuis la création graphique jusqu'à la programmation. Pour plus d'information, visitez www.cubedesigners.fr

‍ +

+
+
+
+
+ +
Credits
+ + +
Legal Mentions
+ +
+
©TEC 2022
+
+
+
+
+
+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/css/normalize.css b/css/normalize.css new file mode 100644 index 0000000..411d0b2 --- /dev/null +++ b/css/normalize.css @@ -0,0 +1,355 @@ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ +} +/** + * Remove default margin. + */ +body { + margin: 0; +} +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ +} +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; +} +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; +} +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; +} +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ +a:active, +a:hover { + outline: 0; +} +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; +} +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; +} +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; +} +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; +} +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; +} +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; +} +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; +} +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; +} +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; +} +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; +} +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; +} +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ +} +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; +} +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; +} +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce + * specificity and defer to the .w-button selector + */ +button, +html input[type="button"], +input[type="reset"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ +} +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; +} +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; +} +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type='checkbox'], +input[type='radio'] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ +} +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type='number']::-webkit-inner-spin-button, +input[type='number']::-webkit-outer-spin-button { + height: auto; +} +/** + * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input + * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed + * (similar to normalize.css >=4.0.0) + */ +input[type='search'] { + -webkit-appearance: none; + /* 1 */ +} +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type='search']::-webkit-search-cancel-button, +input[type='search']::-webkit-search-decoration { + -webkit-appearance: none; +} +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ +} +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; +} +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; +} +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} diff --git a/css/tec-dev.webflow.css b/css/tec-dev.webflow.css new file mode 100644 index 0000000..1678783 --- /dev/null +++ b/css/tec-dev.webflow.css @@ -0,0 +1,4334 @@ +.w-checkbox { + display: block; + margin-bottom: 5px; + padding-left: 20px; +} + +.w-checkbox::before { + content: ' '; + display: table; + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-row: 1; + grid-row-start: 1; +} + +.w-checkbox::after { + content: ' '; + display: table; + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-row: 1; + grid-row-start: 1; + clear: both; +} + +.w-checkbox-input { + float: left; + margin-bottom: 0px; + margin-left: -20px; + margin-right: 0px; + margin-top: 4px; + line-height: normal; +} + +.w-checkbox-input--inputType-custom { + border-top-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-right-width: 1px; + border-top-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #ccc; + border-right-color: #ccc; + border-top-style: solid; + border-bottom-style: solid; + border-left-style: solid; + border-right-style: solid; + width: 12px; + height: 12px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.w-checkbox-input--inputType-custom.w--redirected-checked { + background-color: #3898ec; + border-top-color: #3898ec; + border-bottom-color: #3898ec; + border-left-color: #3898ec; + border-right-color: #3898ec; + background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; +} + +.w-checkbox-input--inputType-custom.w--redirected-focus { + box-shadow: 0px 0px 3px 1px #3898ec; +} + +body { + background-color: #eee; + font-family: 'Titillium Web', sans-serif; + color: #fff; + font-size: 20px; + line-height: 20px; +} + +h1 { + display: block; + margin-top: 0px; + margin-bottom: 0px; + font-size: 5.653em; + line-height: 1em; + font-style: italic; + font-weight: 700; + text-transform: uppercase; +} + +h2 { + margin-top: 0px; + margin-bottom: 0px; + font-size: 3.998em; + line-height: 1em; + font-style: italic; + font-weight: 700; + text-transform: uppercase; +} + +h3 { + margin-top: 0px; + margin-bottom: 1.25vw; + color: #000; + font-size: 1.999em; + line-height: 1em; + font-style: italic; + font-weight: 700; + text-transform: uppercase; +} + +h4 { + margin-top: 10px; + margin-bottom: 10px; + font-size: 1.414em; + line-height: 1.2em; + font-style: italic; + font-weight: 700; + text-transform: uppercase; +} + +h5 { + position: static; + margin-top: 1.25vw; + margin-bottom: 1.25vw; + font-family: 'Titillium Web', sans-serif; + color: #000; + font-size: 1.414em; + line-height: 1.3em; + font-weight: 400; +} + +h6 { + margin-top: 0px; + margin-bottom: 0px; + color: #000; + font-size: 1em; + line-height: 18px; + font-weight: 600; + text-decoration: none; + text-transform: none; +} + +p { + margin-bottom: 10px; + color: #000; + font-size: 1em; + line-height: 1.5em; + font-weight: 400; +} + +a { + text-decoration: underline; +} + +label { + display: block; + margin-bottom: 5px; + color: #000; + font-size: 1em; + line-height: 1em; + font-weight: 400; +} + +.container-slide { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100vw; + height: 100vh; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.moto { + position: relative; + overflow: hidden; +} + +.slide-nav-2 { + display: none; +} + +.slide { + overflow: hidden; + width: 100vw; + height: 100vh; +} + +.gradient-top { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 10; + height: 100vh; + background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); + background-image: linear-gradient(180deg, #000, transparent); +} + +.image2gauche { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: block; + width: 100vw; + height: 100vh; + margin-left: 50vw; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + background-color: rgba(28, 60, 77, 0.65); + background-image: url('../images/kewal-D_vWjCGXTjE-unsplash.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; + background-attachment: scroll; + -webkit-transform: skew(13.75deg, 0deg); + -ms-transform: skew(13.75deg, 0deg); + transform: skew(13.75deg, 0deg); + -o-object-fit: cover; + object-fit: cover; +} + +.path { + position: static; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + width: 4px; + height: 100vh; + margin-right: auto; + margin-left: auto; + background-color: transparent; + -webkit-transform: skew(-13.75deg, 0deg); + -ms-transform: skew(-13.75deg, 0deg); + transform: skew(-13.75deg, 0deg); +} + +.path.bottom { + position: absolute; + left: 0%; + top: auto; + right: 0%; + bottom: 0%; +} + +.img2droite { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: block; + overflow: visible; + height: 100vh; + margin-right: 50vw; + margin-left: -50vw; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + background-image: url('../images/kewal-D_vWjCGXTjE-unsplash.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; + background-attachment: scroll; + -webkit-transform: skew(13.75deg, 0deg); + -ms-transform: skew(13.75deg, 0deg); + transform: skew(13.75deg, 0deg); + -o-object-fit: cover; + object-fit: cover; +} + +.block-path-bottom { + position: relative; + left: 0%; + top: auto; + right: 0%; + bottom: 0%; + overflow: hidden; + height: 50vh; +} + +.mask { + height: 100vh; +} + +.block-path-top { + position: relative; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + display: block; + overflow: hidden; + height: 50vh; +} + +.gradient-left { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 10; + height: 100vh; + background-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent)); + background-image: linear-gradient(90deg, #000, transparent); +} + +.slider-2 { + display: block; + height: 100vh; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + background-color: #000; +} + +.left-side { + position: absolute; + right: 50vw; + overflow: visible; + width: 100vw; + height: 100vh; + -webkit-transform: skew(-13.75deg, 0deg); + -ms-transform: skew(-13.75deg, 0deg); + transform: skew(-13.75deg, 0deg); +} + +.right-arrow-2 { + left: auto; + top: 0%; + right: 0%; + bottom: 0%; + display: none; + width: 30vw; + margin-top: auto; +} + +.img3droite { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: block; + overflow: visible; + height: 100vh; + margin-right: 50vw; + margin-left: -50vw; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + background-image: url('../images/martin-jeon-49YjkNjoilg-unsplash.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; + background-attachment: scroll; + -webkit-transform: skew(13.75deg, 0deg); + -ms-transform: skew(13.75deg, 0deg); + transform: skew(13.75deg, 0deg); + -o-object-fit: cover; + object-fit: cover; +} + +.right-side { + position: absolute; + left: 50vw; + overflow: hidden; + width: 100vw; + height: 100vh; + -webkit-transform: skew(-13.75deg, 0deg); + -ms-transform: skew(-13.75deg, 0deg); + transform: skew(-13.75deg, 0deg); +} + +.gradient-bottom { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 10; + height: 100vh; + background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); + background-image: linear-gradient(180deg, #000, transparent); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.image1droite { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: block; + overflow: visible; + height: 100vh; + margin-right: 50vw; + margin-left: -50vw; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + background-image: url('../images/01.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; + -webkit-transform: skew(13.75deg, 0deg); + -ms-transform: skew(13.75deg, 0deg); + transform: skew(13.75deg, 0deg); + -o-object-fit: cover; + object-fit: cover; +} + +.block-text-and-path { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 101; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + grid-auto-columns: 1fr; + grid-column-gap: 0px; + grid-row-gap: 0px; + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + -ms-grid-rows: auto auto auto; + grid-template-rows: auto auto auto; + opacity: 1; +} + +.mask-slide-right { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + overflow: visible; + height: 100vh; +} + +.image1gauche { + position: fixed; + left: 0%; + right: 0%; + bottom: 0%; + display: block; + overflow: visible; + width: 100vw; + height: 100vh; + margin-left: 50vw; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + background-image: url('../images/01.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; + -webkit-transform: skew(13.75deg, 0deg); + -ms-transform: skew(13.75deg, 0deg); + transform: skew(13.75deg, 0deg); + -o-object-fit: fill; + object-fit: fill; +} + +.left-arrow-2 { + display: none; + width: 30vw; +} + +.image3gauche { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: block; + width: 100vw; + height: 100vh; + margin-left: 50vw; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + background-color: rgba(28, 60, 77, 0.65); + background-image: url('../images/martin-jeon-49YjkNjoilg-unsplash.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; + background-attachment: scroll; + -webkit-transform: skew(13.75deg, 0deg); + -ms-transform: skew(13.75deg, 0deg); + transform: skew(13.75deg, 0deg); + -o-object-fit: cover; + object-fit: cover; +} + +.mask-slide-left { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: block; + overflow: hidden; + height: 100vh; + -webkit-align-content: flex-end; + -ms-flex-line-pack: end; + align-content: flex-end; +} + +.block-moto { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 50; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100vw; + margin-top: 0vw; + margin-bottom: 0vw; + padding-top: 2.5vw; + padding-bottom: 2.5vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +.footer-home-desktop { + position: fixed; + left: 0%; + top: auto; + right: 0%; + bottom: 0%; + z-index: 100; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.social-icons { + position: static; + margin-top: 2.5vw; + margin-bottom: 2.5vw; + margin-left: 2.5vw; +} + +.link-block { + margin-right: 24px; + margin-left: 0px; +} + +.div-block-57 { + margin-right: 2.5vw; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; +} + +.link-block-2 { + margin-right: 24px; + margin-left: 24px; + text-decoration: none; +} + +.logo { + position: relative; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + z-index: 201; + display: block; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.image-logo { + position: relative; + display: none; + height: 80px; +} + +.bg-menu { + display: none; +} + +.menu { + position: static; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + z-index: 200; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} + +.line-bottom { + width: 35px; + height: 4px; + background-color: #000; +} + +.line-middle { + width: 35px; + height: 4px; + background-color: #000; +} + +.burger { + display: none; + overflow: hidden; + width: 35px; + height: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-transform: skew(-13.75deg, 0deg); + -ms-transform: skew(-13.75deg, 0deg); + transform: skew(-13.75deg, 0deg); +} + +.cross { + position: relative; + left: 0px; + top: 0px; + right: 0px; + bottom: 0px; + display: none; + overflow: hidden; + width: 35px; + height: 35px; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; +} + +.masque-menu { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + padding-right: 12px; + padding-left: 12px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} + +.line-top { + width: 35px; + height: 4px; + background-color: #000; +} + +.div-block-menu { + position: static; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 100; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: auto; + padding-top: 0vw; + padding-right: 0vw; + padding-left: 0vw; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + text-align: center; +} + +.heading-12 { + position: relative; + z-index: 100; + margin-top: 0px; + margin-bottom: 0px; + font-family: 'Titillium Web', sans-serif; + color: #fff; + line-height: 1em; + font-style: italic; + font-weight: 700; + text-align: center; +} + +.heading-12.green { + color: #93b21d; +} + +.heading-12.blue { + color: #63acff; +} + +.heading-12.turquoise { + color: #25b6cf; +} + +.nav-link-2 { + padding: 12px 24px; + font-family: 'Titillium Web', sans-serif; + color: #fff; + font-size: 1em; + line-height: 1.5em; + font-style: italic; + font-weight: 600; + text-decoration: none; +} + +.nav-link-2.w--current { + color: #fff; +} + +.heading-10 { + position: relative; + z-index: 100; + margin-top: 0px; + margin-bottom: 0px; + font-family: 'Titillium Web', sans-serif; + color: #fff; + line-height: 1em; + font-style: italic; + font-weight: 700; + text-align: center; +} + +.heading-11 { + position: relative; + z-index: 100; + margin-top: 0px; + margin-bottom: 0px; + font-family: 'Titillium Web', sans-serif; + color: #fff; + line-height: 1em; + font-style: italic; + font-weight: 700; + text-align: center; +} + +.header { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + z-index: 200; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 24px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.block-title { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 15vw; + margin-bottom: 10vw; + padding: 0vw 10vw; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #eee; +} + +.block-img-left { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 15vw; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; +} + +.block-img-left.company { + margin-bottom: 10vw; +} + +.block-img-left.last { + margin-bottom: 10vw; +} + +.block-img { + position: relative; + overflow: hidden; + width: 85vw; + height: 50vw; +} + +.image { + position: relative; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.block-txt { + position: absolute; + left: auto; + top: 0%; + right: 0%; + bottom: auto; + display: block; + width: 35vw; + height: auto; + margin-right: 10vw; + margin-bottom: 15vw; + margin-left: 10vw; + padding: 5vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + background-color: #fff; +} + +.block-txt.left { + left: 0%; + top: 0%; + right: auto; + bottom: auto; + background-color: #fff; +} + +.block-txt.intro { + background-color: #fff; +} + +.block-img-right { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 15vw; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} + +.title-outline { + position: static; + color: #000; + font-weight: 700; + text-align: left; + letter-spacing: 2px; + text-transform: uppercase; + text-shadow: -1px 0 0 hsla(0, 0%, 100%, 0.5), 1px 0 0 hsla(0, 0%, 100%, 0.5), 0 -1px 0 hsla(0, 0%, 100%, 0.5), 0 1px 0 hsla(0, 0%, 100%, 0.5); +} + +.mask-img { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: none; + background-color: #eee; +} + +.aplat { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 0; + display: none; + background-color: #507c5f; +} + +.aplat.color-agriculture { + background-color: #508b4d; +} + +.aplat.color-water-ressources { + background-color: #2269a4; +} + +.aplat.color-digital-transformation { + background-color: #2a90d8; +} + +.aplat.color-engineering { + background-color: #70b8f2; +} + +.aplat.color-oil-distribution { + background-color: #1d3b77; +} + +.aplat.color-renewable-energies { + background-color: #316cd4; +} + +.aplat.color-oil-gas-equipment { + background-color: #2260c9; +} + +.aplat.color-montparnasse { + background-color: #5599e0; +} + +.aplat.color-mission-vision { + background-color: #579dc0; +} + +.aplat.color-strategy { + background-color: #013359; +} + +.div-block-58 { + display: none; + overflow: hidden; + height: 58px; + margin-bottom: 1.25vw; +} + +.button { + padding-right: 24px; + padding-left: 24px; + background-color: transparent; + color: #000; + font-style: italic; + font-weight: 600; +} + +.button.w--current { + margin-right: 24px; + margin-left: 24px; + padding-right: 0px; + padding-left: 0px; + border-bottom: 2px solid #000; + background-color: transparent; + color: #000; + font-size: 1em; + font-weight: 600; +} + +.button.link { + padding-right: 0px; + padding-bottom: 9px; + padding-left: 0px; +} + +.button.link.w--current { + margin-right: 0px; + margin-left: 0px; + padding-bottom: 7px; +} + +.chapo { + position: relative; + width: 70vw; + margin-top: 2.5vw; + margin-bottom: 2.5vw; + padding-top: 24px; + padding-bottom: 24px; + background-color: #eee; + color: #000; + font-size: 1.999em; + line-height: 1.3em; + text-align: center; + text-transform: none; +} + +.image-logo-fonce { + position: static; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: -10; + display: block; + height: 80px; +} + +.gallery { + position: relative; + overflow: visible; + width: 100%; + margin-top: 10vw; + margin-bottom: 10vw; +} + +.gallery-track { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 182vw; + margin-left: 0px; + padding-right: 7.5vw; + padding-bottom: 0px; + padding-left: 10vw; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; +} + +.item-activity { + position: relative; + width: 21vw; + height: 28vw; + margin-right: 2.5vw; +} + +.image-2 { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.title-item-acitivity { + position: absolute; + left: 0%; + top: auto; + right: 0%; + bottom: 0%; + margin-bottom: 2.5vw; + padding-right: 2.5vw; + padding-left: 2.5vw; + font-size: 1em; +} + +.gradient-item-activity { + position: absolute; + left: 0%; + top: auto; + right: 0%; + bottom: 0%; + height: 40%; + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); + background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); +} + +.gallery-container { + position: -webkit-sticky; + position: sticky; + top: 10vw; + overflow: hidden; + width: 100vw; + margin-bottom: 5vw; +} + +.div-block-62 { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 0; + width: 3px; + margin: 0vw auto; + background-color: #000; + -webkit-transform: skew(-13.75deg, 0deg); + -ms-transform: skew(-13.75deg, 0deg); + transform: skew(-13.75deg, 0deg); +} + +.block-text-h5 { + width: 70vw; + margin-bottom: 10vw; + margin-left: 15vw; +} + +.block-vision-mission { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 10vw; +} + +.heading-15 { + margin-bottom: 2.5vw; +} + +.block-values { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0vw 15vw 15vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.block-text-our-values { + width: 50vw; +} + +.block-content-values { + position: relative; + display: -ms-grid; + display: grid; + overflow: visible; + width: 70vw; + padding-top: 5vw; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + justify-items: stretch; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + grid-auto-flow: row; + grid-auto-columns: 1fr; + grid-column-gap: 5vw; + grid-row-gap: 5vw; + grid-template-areas: "."; + -ms-grid-columns: 1fr 5vw 1fr; + grid-template-columns: 1fr 1fr; + -ms-grid-rows: auto 5vw auto 5vw auto 5vw auto 5vw auto 5vw auto; + grid-template-rows: auto auto auto auto auto auto; +} + +.value { + overflow: visible; + width: 30vw; + margin-top: 0vw; + margin-bottom: 0vw; + text-align: left; +} + +.value.right { + margin-top: 0vw; + margin-bottom: 0vw; + text-align: left; +} + +.full-img-01 { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + background-image: url('../images/01.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; +} + +.full-img-02 { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + background-image: url('../images/kewal-D_vWjCGXTjE-unsplash.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; +} + +.full-img-03 { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + background-image: url('../images/martin-jeon-49YjkNjoilg-unsplash.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; +} + +.full-img { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: none; +} + +.links-footer-home { + color: #fff; + font-size: 0.7em; + line-height: 1em; + font-style: italic; +} + +.block-moto-clone { + position: relative; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 50; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100vw; + margin-top: 2.5vw; + margin-bottom: 2.5vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + opacity: 0; +} + +.moto-clone { + position: relative; + overflow: hidden; +} + +.heading-10-copy { + position: relative; + z-index: 100; + margin-top: 0px; + margin-bottom: 0px; + font-family: 'Titillium Web', sans-serif; + color: #fff; + line-height: 1em; + font-style: italic; + font-weight: 700; + text-align: center; +} + +.heading-11-copy { + position: relative; + z-index: 100; + margin-top: 0px; + margin-bottom: 0px; + font-family: 'Titillium Web', sans-serif; + color: #fff; + line-height: 1em; + font-style: italic; + font-weight: 700; + text-align: center; +} + +.heading-12-copy { + position: relative; + z-index: 100; + margin-top: 0px; + margin-bottom: 0px; + font-family: 'Titillium Web', sans-serif; + color: #fff; + line-height: 1em; + font-style: italic; + font-weight: 700; + text-align: center; +} + +.icon { + display: none; +} + +.icon-2 { + display: none; +} + +.div-block-66 { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 100; + display: block; +} + +.path-top-colored { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: block; + height: 100%; + margin-right: auto; + margin-left: auto; + background-color: #51b6d0; +} + +.path-top-colored.trust { + background-color: #63adff; +} + +.path-top-colored.results { + background-color: #93b21d; +} + +.path-bottom { + position: absolute; + left: 0%; + top: auto; + right: 0%; + bottom: 0%; + width: 4px; + height: 100vh; + margin-right: auto; + margin-left: auto; + background-color: transparent; + -webkit-transform: skew(-13.75deg, 0deg); + -ms-transform: skew(-13.75deg, 0deg); + transform: skew(-13.75deg, 0deg); +} + +.path-bottom-colored { + position: absolute; + left: 0%; + top: auto; + right: 0%; + bottom: 0%; + height: 100%; + margin-right: auto; + margin-left: auto; + background-color: #51b6d0; +} + +.path-bottom-colored.trust { + background-color: #63adff; +} + +.path-bottom-colored.results { + background-color: #93b21d; +} + +.div-block-67 { + display: inline-block; + margin-right: 24px; + margin-left: 24px; +} + +.block-2-txt-left-and-right { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.block-txt-mission { + position: static; + left: auto; + top: 0%; + right: 0%; + bottom: auto; + display: block; + width: 35vw; + height: auto; + margin-right: 10vw; + margin-bottom: 0vw; + margin-left: 10vw; + padding: 5vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + background-color: #fff; +} + +.block-txt-vision { + display: block; + width: 35vw; + height: auto; + margin-right: 10vw; + margin-bottom: 15vw; + margin-left: 10vw; + padding: 5vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + background-color: #fff; +} + +.block-txt-vision._40 { + width: 35vw; +} + +.block-image-centered { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + overflow: hidden; + margin-right: 15vw; + margin-left: 15vw; +} + +.block-image-centered.strategy { + overflow: hidden; +} + +.div-block-68 { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-right: 10vw; + padding-bottom: 10vw; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.block-form { + width: 35vw; + margin-left: auto; +} + +.text-field { + height: 44px; + margin-top: 10px; + margin-bottom: 21px; + border: 0px none #000; + font-size: 1em; + line-height: 1.5em; +} + +.text-field:focus { + border-style: solid; + border-width: 1px; + border-color: #3898ec; +} + +.form-block { + margin-bottom: 0px; +} + +.submit-button { + display: inline-block; + width: 100%; + height: 44px; +} + +.div-block-70 { + margin-bottom: 5vw; + padding-left: 15vw; +} + +.block-txt-copy { + position: absolute; + left: auto; + top: 0%; + right: 0%; + bottom: auto; + display: block; + width: 35vw; + height: auto; + margin-right: 10vw; + margin-bottom: 15vw; + margin-left: 10vw; + padding: 5vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + background-color: #fff; +} + +.block-txt-copy.form-contact { + position: static; + left: 0px; + top: 5vw; + margin-bottom: 0vw; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} + +.footer-desktop { + position: static; + left: 0%; + top: auto; + right: 0%; + bottom: 0%; + z-index: 100; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 2.5vw; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #000; +} + +.textarea { + height: 88px; + margin-bottom: 21px; + border: 1px none #000; + font-size: 1em; + line-height: 1.5em; +} + +.textarea:focus { + border-style: solid; + border-color: #3898ec; +} + +.bt-burger-cross { + position: relative; + z-index: 300; + display: none; + padding: 10px 2.5vw; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + cursor: pointer; +} + +.image-logo-home { + position: relative; + display: none; + height: 80px; +} + +.path-white { + position: static; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: block; + height: 100%; + margin-right: auto; + margin-left: auto; + background-color: #fff; +} + +.masque-transition-out { + position: relative; + z-index: 1; + display: none; + width: 0vw; + height: 0vh; + background-color: #eee; +} + +.bloc-transition-out { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 200; + display: none; + overflow: hidden; + width: 0vw; + height: 0vh; +} + +.bloc-transition-in { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 200; + display: none; + overflow: hidden; + width: 100vw; + height: 100vh; +} + +.masque-transition-in { + position: static; + display: block; + width: 100vw; + height: 100vh; + background-color: #eee; +} + +.overlay-transition-out { + display: none; + width: 0vw; + height: 0vh; + background-color: rgba(0, 0, 0, 0.2); +} + +.bg-header { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: block; + background-color: #fff; +} + +.mask-underline-link-menu-header { + position: absolute; + left: 12px; + right: 12px; + bottom: 0%; + overflow: hidden; + height: 2px; +} + +.underline-link-menu-header { + height: 2px; + background-color: #000; +} + +.field-label { + font-size: 0.7em; +} + +.underline-link-menu-header-clicked { + position: static; + left: 24px; + top: auto; + right: 24px; + bottom: 0%; + display: none; + height: 2px; + background-color: #000; +} + +.lottie-animation { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 200; + display: none; +} + +.masque-header { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + z-index: 1000; + display: none; + width: 100vw; + height: 140px; + background-color: #eee; +} + +.div-block-71 { + margin-bottom: 10vw; + padding-right: 15vw; + padding-left: 15vw; +} + +.nav-secondaire { + display: none; +} + +.div-block-67-copy { + display: inline-block; + margin-right: 24px; + margin-left: 24px; +} + +.success { + color: #000; + font-size: 1em; + line-height: 1.5em; +} + +.success-message { + padding: 24px; + background-color: #fff; +} + +.error-message { + padding: 24px; + background-color: #e95454; +} + +.error { + font-size: 1em; + line-height: 1.5em; +} + +.heading-17 { + font-size: 1em; +} + +.link-2 { + color: #3898ec; + text-decoration: none; +} + +.link-2:hover { + color: #4aa7ff; +} + +.checkbox-field { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 1.5em; + margin-bottom: 1.5em; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.checkbox { + margin-top: 0px; + margin-right: 0.5em; +} + +.checkbox-2 { + margin-right: 0.5em; +} + +@media screen and (min-width: 1280px) { + h5 { + line-height: 1.4em; + } + + h6 { + font-weight: 600; + } + + p { + margin-bottom: 0px; + } + + form { + color: #000; + font-size: 1em; + line-height: 1em; + font-weight: 300; + } + + label { + margin-bottom: 10px; + font-weight: 400; + } + + .image2gauche { + background-image: url('../images/kewal-D_vWjCGXTjE-unsplash.jpg'); + } + + .img2droite { + background-image: url('../images/kewal-D_vWjCGXTjE-unsplash.jpg'); + } + + .block-path-bottom { + position: relative; + height: 50vh; + } + + .block-path-top { + position: relative; + height: 50vh; + } + + .right-arrow-2 { + display: none; + } + + .img3droite { + background-image: url('../images/martin-jeon-49YjkNjoilg-unsplash.jpg'); + } + + .image1droite { + position: fixed; + background-image: url('../images/01.jpg'); + background-position: 50% 50%; + } + + .block-text-and-path { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + } + + .image1gauche { + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + background-image: url('../images/01.jpg'); + background-position: 50% 50%; + -o-object-fit: cover; + object-fit: cover; + } + + .left-arrow-2 { + display: none; + } + + .image3gauche { + background-image: url('../images/martin-jeon-49YjkNjoilg-unsplash.jpg'); + } + + .block-moto { + position: absolute; + width: 100vw; + margin-top: 0vw; + margin-bottom: 0vw; + padding-top: 0vw; + padding-bottom: 0vw; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + + .footer-home-desktop { + padding-right: 36px; + padding-bottom: 36px; + padding-left: 36px; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + + .social-icons { + margin-bottom: 0vw; + margin-left: 0vw; + } + + .div-block-57 { + margin-right: 0vw; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + } + + .menu { + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + } + + .line-bottom { + width: 0px; + height: 0px; + } + + .line-middle { + width: 0px; + height: 0px; + } + + .burger { + display: none; + } + + .cross { + position: static; + overflow: visible; + width: auto; + height: auto; + } + + .masque-menu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + padding-right: 24px; + padding-left: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .line-top { + width: 0px; + height: 0px; + } + + .div-block-menu { + position: static; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: auto; + margin-bottom: 0px; + padding-top: 0vw; + padding-right: 0vw; + padding-left: 0vw; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + text-align: left; + } + + .heading-12.blue { + color: #63acff; + } + + .heading-12.turquoise { + color: #25b6cf; + } + + .header { + padding: 36px; + } + + .block-title { + margin-top: 15vw; + } + + .aplat.color-agriculture { + background-color: #508b4d; + } + + .aplat.color-digital-transformation { + background-color: #2a90d8; + } + + .aplat.color-engineering { + background-color: #70b8f2; + } + + .aplat.color-oil-distribution { + background-color: #1d3b77; + } + + .aplat.color-renewable-energies { + background-color: #316cd4; + } + + .aplat.color-oil-gas-equipment { + background-color: #2260c9; + } + + .aplat.color-montparnasse { + background-color: #5599e0; + } + + .aplat.color-mission-vision { + background-color: #579dc0; + } + + .aplat.color-strategy { + background-color: #013359; + } + + .div-block-58 { + display: none; + } + + .button.link { + padding-right: 0px; + padding-left: 0px; + } + + .button.link.w--current { + margin-right: 0px; + margin-left: 0px; + padding-bottom: 7px; + } + + .chapo { + width: 50vw; + margin-right: auto; + margin-left: auto; + font-style: normal; + text-align: center; + text-transform: none; + } + + .gallery-track { + width: 182vw; + } + + .item-activity { + width: 21vw; + height: 28vw; + } + + .title-item-acitivity { + font-size: 1.414em; + } + + .block-text-our-values { + width: 50vw; + } + + .block-content-values { + width: 70vw; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + } + + .value { + width: 30vw; + margin-top: 0vw; + } + + .value.right { + margin-top: 0vw; + } + + .full-img-01 { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + background-image: url('../images/01.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; + } + + .full-img-02 { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + background-image: url('../images/kewal-D_vWjCGXTjE-unsplash.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; + } + + .full-img-03 { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + background-image: url('../images/martin-jeon-49YjkNjoilg-unsplash.jpg'); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; + } + + .links-footer-home { + color: #fff; + font-size: 0.7em; + line-height: 1px; + font-style: italic; + } + + .block-moto-clone { + position: relative; + width: 100vw; + margin-top: 2.5vw; + margin-bottom: 2.5vw; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + + .div-block-66 { + position: absolute; + z-index: 100; + } + + .path-top-colored.trust { + background-color: #63adff; + } + + .path-bottom-colored.trust { + background-color: #63adff; + } + + .block-2-txt-left-and-right { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + + .block-txt-mission { + position: static; + width: 35vw; + margin-bottom: 0vw; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + } + + .block-txt-mission._40 { + width: 35vw; + } + + .block-txt-vision { + position: static; + width: 35vw; + margin-bottom: 15vw; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + } + + .block-txt-vision._40 { + width: 35vw; + } + + .block-image-centered { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + overflow: hidden; + margin-right: 15vw; + margin-bottom: 0vw; + margin-left: 15vw; + } + + .block-image-centered.strategy { + overflow: hidden; + } + + .div-block-68 { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-right: 10vw; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } + + .block-form { + position: static; + width: 35vw; + margin-left: auto; + } + + .text-field { + height: 44px; + margin-bottom: 32px; + border-style: none; + border-color: #000; + border-right-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-radius: 4px; + } + + .text-field.phone { + width: 50%; + } + + .heading-16 { + margin-top: 2.5vw; + font-weight: 600; + } + + .form { + margin-top: 2.5vw; + } + + .form-block { + margin-top: 5vw; + margin-bottom: 0vw; + } + + .submit-button { + width: 100%; + height: 60px; + } + + .div-block-70 { + padding-left: 15vw; + } + + .block-txt-copy.form-contact { + position: static; + left: 0%; + top: 5vw; + right: 0%; + bottom: auto; + width: 35vw; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + } + + .footer-desktop { + padding-right: 36px; + padding-bottom: 36px; + padding-left: 36px; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + } + + .textarea { + margin-bottom: 32px; + } + + .bt-burger-cross { + display: none; + } + + .bg-header { + background-color: #fff; + } + + .mask-underline-link-menu-header { + position: absolute; + left: 24px; + top: auto; + right: 24px; + bottom: 0%; + overflow: hidden; + height: 2px; + } + + .underline-link-menu-header { + height: 2px; + } + + .underline-link-menu-header-clicked { + position: static; + height: 2px; + } + + .masque-header { + display: none; + height: 160px; + } + + .div-block-71 { + padding-right: 25vw; + padding-left: 25vw; + } + + .nav-secondaire { + display: none; + } + + .heading-17 { + font-size: 1.414em; + } +} + +@media screen and (min-width: 1920px) { + body { + font-size: 24px; + line-height: 36px; + } + + .gradient-top { + display: block; + } + + .gradient-bottom { + display: block; + } + + .div-block-57 { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + } + + .masque-menu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + margin-right: 0px; + margin-left: 0px; + padding-right: 24px; + padding-left: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .block-title { + margin-top: 10vw; + } + + .aplat.color-agriculture { + background-color: #508b4d; + } + + .aplat.color-montparnasse { + background-color: #5599e0; + } + + .aplat.color-mission-vision { + background-color: #579dc0; + } + + .aplat.color-strategy { + background-color: #013359; + } + + .button.link { + padding: 0px; + border-bottom: 2px solid transparent; + } + + .button.link.w--current { + margin-right: 0px; + margin-left: 0px; + padding-bottom: 0px; + border-style: none none solid; + border-width: 2px; + border-color: #000; + } + + .gallery { + overflow: hidden; + } + + .title-item-acitivity { + font-size: 1.414em; + } + + .block-text-h5 { + width: 50vw; + } + + .block-text-our-values { + width: 50vw; + } + + .block-content-values { + display: -ms-grid; + display: grid; + padding-top: 2.5vw; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + grid-auto-columns: 1fr; + grid-column-gap: 5vw; + grid-row-gap: 5vw; + grid-template-areas: "."; + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; + -o-object-fit: fill; + object-fit: fill; + } + + .value { + width: 30vw; + margin-top: 0vw; + margin-bottom: 0vw; + text-align: left; + } + + .value.right { + margin-top: 0vw; + margin-bottom: 0vw; + } + + .path-top-colored.trust { + background-color: #63adff; + } + + .path-bottom-colored.trust { + background-color: #63adff; + } + + .block-txt-mission { + width: 35vw; + } + + .block-txt-mission._40 { + width: 35vw; + } + + .block-txt-vision { + width: 35vw; + margin-bottom: 15vw; + } + + .block-txt-vision._40 { + width: 35vw; + } + + .block-image-centered { + overflow: hidden; + margin-right: 15vw; + margin-left: 15vw; + } + + .text-field { + margin-bottom: 42px; + } + + .form-block { + margin-bottom: 0vw; + } + + .textarea { + margin-bottom: 42px; + } + + .bloc-content-intro { + overflow: visible; + } + + .masque-transition-out { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 500; + display: none; + width: 150vw; + height: 100vh; + background-color: #eee; + } + + .masque-transition-in { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 500; + display: none; + width: 150vw; + height: 100vh; + background-color: #eee; + } + + .bg-header { + background-color: #fff; + } + + .mask-underline-link-menu-header { + position: absolute; + left: 24px; + top: auto; + right: 24px; + bottom: 0%; + overflow: hidden; + height: 2px; + margin-top: 0px; + margin-right: 0px; + margin-left: 0px; + padding-right: 0px; + padding-bottom: 0px; + background-color: transparent; + } + + .underline-link-menu-header { + position: static; + left: 0px; + top: auto; + right: 0px; + bottom: 0%; + height: 2px; + margin-top: 0px; + margin-right: 0px; + margin-left: 0px; + padding-right: 0px; + padding-bottom: 0px; + background-color: #000; + } + + .underline-link-menu-header-clicked { + position: static; + left: 0px; + top: auto; + right: 0px; + bottom: 0%; + height: 2px; + margin-top: 0px; + margin-right: 0px; + margin-left: 0px; + padding-right: 0px; + padding-bottom: 0px; + background-color: #000; + } + + .masque-header { + display: none; + height: 180px; + } + + .div-block-71 { + padding-right: 25vw; + padding-left: 25vw; + } +} + +@media screen and (max-width: 991px) { + h2 { + font-size: 3.157em; + } + + h3 { + font-size: 1.777em; + } + + .container-slide { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -o-object-fit: fill; + object-fit: fill; + } + + .image2gauche { + background-position: 50% 50%; + background-size: cover; + -o-object-fit: cover; + object-fit: cover; + } + + .img2droite { + margin-left: -50vw; + background-position: 50% 50%; + background-size: cover; + -o-object-fit: cover; + object-fit: cover; + } + + .left-side { + position: absolute; + right: 50vw; + display: block; + width: 100vw; + height: 100vh; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + + .img3droite { + margin-left: -50vw; + background-position: 50% 50%; + background-size: cover; + -o-object-fit: cover; + object-fit: cover; + } + + .right-side { + position: absolute; + left: 50vw; + display: block; + width: 100vw; + height: 100vh; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + + .image1droite { + margin-left: -50vw; + background-position: 50% 50%; + background-size: cover; + -o-object-fit: cover; + object-fit: cover; + } + + .block-text-and-path { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + grid-auto-columns: 1fr; + grid-column-gap: 16px; + grid-row-gap: 16px; + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + -ms-grid-rows: auto auto auto; + grid-template-rows: auto auto auto; + } + + .image1gauche { + background-position: 50% 50%; + background-size: cover; + -o-object-fit: cover; + object-fit: cover; + } + + .image3gauche { + background-position: 50% 50%; + background-size: cover; + -o-object-fit: cover; + object-fit: cover; + } + + .footer-home-desktop { + display: none; + } + + .social-icons { + margin-left: 5vw; + } + + .social-icons.mobile { + margin-left: 24px; + } + + .div-block-57 { + margin-right: 5vw; + } + + .logo { + z-index: 201; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + + .image-logo { + position: absolute; + left: 0%; + top: 0%; + right: auto; + bottom: auto; + display: none; + height: 60px; + } + + .bg-menu { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: none; + width: 120vw; + height: 120vh; + background-color: #000; + } + + .menu { + position: static; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + z-index: 200; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + + .line-bottom { + display: block; + width: 35px; + height: 4px; + padding-right: 0px; + padding-bottom: 0px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + background-color: #000; + color: #fff; + } + + .line-middle { + display: block; + width: 35px; + height: 4px; + padding-right: 0px; + padding-bottom: 0px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + background-color: #000; + color: #fff; + } + + .burger { + position: static; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + width: 35px; + height: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-transform: skew(-13.75deg, 0deg); + -ms-transform: skew(-13.75deg, 0deg); + transform: skew(-13.75deg, 0deg); + } + + .line-b { + position: absolute; + display: block; + width: 35px; + height: 4px; + padding-right: 0px; + padding-bottom: 0px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + background-color: #fff; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + color: #fff; + } + + .cross { + position: relative; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: none; + overflow: hidden; + width: 35px; + height: 35px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + } + + .masque-menu { + overflow: hidden; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + } + + .line-top { + display: block; + width: 35px; + height: 4px; + padding-right: 0px; + padding-bottom: 0px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + background-color: #000; + color: #fff; + } + + .line-a { + position: absolute; + display: block; + width: 35px; + height: 4px; + padding-right: 0px; + padding-bottom: 0px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + background-color: #fff; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + color: #fff; + } + + .div-block-menu { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 100; + display: none; + height: 100vh; + margin-bottom: auto; + padding-top: 20vw; + padding-right: 15vw; + padding-left: 10vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: auto; + -ms-flex-item-align: auto; + -ms-grid-row-align: auto; + align-self: auto; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + text-align: center; + } + + .nav-link-2 { + margin-top: 0vw; + margin-bottom: 2.5vw; + font-size: 1.777em; + font-weight: 700; + text-align: center; + text-transform: uppercase; + } + + .nav-link-2.w--current { + position: relative; + margin-top: 0vw; + margin-bottom: 2.5vw; + opacity: 1; + color: #000; + font-size: 3.157em; + text-shadow: -1px 0 0 hsla(0, 0%, 100%, 0.5), 0 1px 0 hsla(0, 0%, 100%, 0.5), 1px 0 0 hsla(0, 0%, 100%, 0.5), 0 -1px 0 hsla(0, 0%, 100%, 0.5); + } + + .header { + position: fixed; + padding-right: 2.5vw; + padding-left: 5vw; + } + + .link-block-logo { + display: block; + height: 60px; + } + + .block-title { + margin-top: 15vw; + margin-bottom: 15vw; + padding-top: 0vw; + padding-right: 10vw; + padding-left: 10vw; + } + + .block-img { + width: 90vw; + height: 70vw; + } + + .block-txt { + width: 45vw; + margin-right: 5vw; + padding-top: 5vw; + } + + .block-txt.left { + width: 45vw; + margin-left: 5vw; + } + + .block-txt.intro { + width: 45vw; + } + + .title-outline { + text-align: left; + } + + .aplat.color-oil-distribution { + background-color: #1d3b77; + } + + .div-block-58 { + height: 46px; + } + + .button { + margin-top: 2.5vw; + margin-bottom: 2.5vw; + color: #fff; + font-size: 1.777em; + } + + .button.w--current { + margin-top: 2.5vw; + margin-bottom: 2.5vw; + border-bottom-color: #fff; + color: #fff; + font-size: 1.777em; + } + + .button.link { + font-style: normal; + font-weight: 400; + } + + .chapo { + width: 80vw; + margin-top: 5vw; + margin-bottom: 5vw; + font-size: 1.777em; + line-height: 1.3em; + } + + .image-logo-fonce { + position: relative; + display: block; + height: 60px; + } + + .gallery { + margin-bottom: 15vw; + } + + .gallery-track { + width: 385vw; + } + + .item-activity { + width: 25vw; + height: 38vw; + margin-right: 1.25vw; + } + + .title-item-acitivity { + font-size: 1em; + } + + .gallery-container { + top: 20vw; + } + + .block-text-h5 { + width: 80vw; + margin-bottom: 15vw; + margin-left: 10vw; + } + + .block-vision-mission { + margin-bottom: 10vw; + } + + .block-vision-mission.last { + margin-bottom: 0vw; + } + + .block-values { + padding-left: 10vw; + } + + .block-text-our-values { + width: 80vw; + } + + .block-content-values { + display: block; + width: 80vw; + padding-top: 5vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .value { + width: auto; + margin-bottom: 5vw; + } + + .value.right { + margin-top: 0vw; + margin-bottom: 5vw; + } + + .block-txt-mission { + width: 60vw; + margin-right: 5vw; + margin-left: 5vw; + padding-top: 5vw; + } + + .block-txt-vision { + width: 60vw; + margin-top: 25vw; + margin-right: 5vw; + padding-top: 5vw; + } + + .block-txt-vision._40 { + width: 60vw; + margin-top: 25vw; + } + + .block-image-centered { + overflow: hidden; + margin-right: 0vw; + margin-left: 0vw; + } + + .block-image-centered.strategy { + overflow: hidden; + } + + .div-block-68 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .block-form { + width: 80vw; + margin-right: 10vw; + margin-bottom: 0vw; + margin-left: 10vw; + } + + .heading-16 { + margin-bottom: 2.5vw; + } + + .div-block-70 { + padding-left: 10vw; + } + + .block-txt-copy { + width: 40vw; + margin-right: 5vw; + padding-top: 5vw; + } + + .block-txt-copy.form-contact { + position: static; + width: 80vw; + margin-right: 10vw; + margin-bottom: 5vw; + } + + .footer-desktop { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } + + .bt-burger-cross { + position: relative; + z-index: 300; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 10px 2.5vw; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + cursor: pointer; + } + + .image-logo-home { + position: absolute; + left: 0%; + top: 0%; + right: auto; + bottom: auto; + display: block; + height: 60px; + } + + .bg-header { + background-color: #fff; + } + + .mask-underline-link-menu-header { + display: none; + } + + .lottie-animation { + display: none; + } + + .masque-header { + display: none; + height: 110px; + } + + .button-2 { + padding: 2.5vw 24px; + background-color: transparent; + } + + .nav-secondaire { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 5vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .image-3 { + width: 40px; + } +} + +@media screen and (max-width: 767px) { + body { + font-size: 18px; + line-height: 27px; + } + + h2 { + font-size: 2.074em; + } + + h3 { + margin-bottom: 2.5vw; + font-size: 1.44em; + } + + h5 { + font-size: 1.25em; + } + + p { + line-height: 27px; + } + + .path { + width: 2px; + } + + .block-path-bottom { + height: 30vh; + } + + .block-path-top { + height: 30vh; + } + + .block-text-and-path { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + + .div-block-57 { + margin-right: 2.5vw; + } + + .logo { + margin-top: 0px; + } + + .image-logo { + height: 60px; + } + + .line-bottom { + height: 2px; + } + + .line-middle { + height: 2px; + } + + .burger { + width: 25px; + height: 20px; + } + + .line-b { + height: 2px; + } + + .cross { + display: none; + width: 33px; + height: 20px; + } + + .line-top { + height: 2px; + } + + .line-a { + height: 2px; + } + + .div-block-menu { + display: none; + } + + .heading-12 { + font-size: 10vh; + } + + .nav-link-2 { + font-size: 1.44em; + font-weight: 700; + text-transform: uppercase; + } + + .nav-link-2.w--current { + font-size: 2.074em; + } + + .heading-10 { + font-size: 10vh; + } + + .heading-11 { + font-size: 10vh; + } + + .block-title { + margin-bottom: 0vw; + padding-top: 0vw; + padding-right: 10vw; + padding-left: 10vw; + } + + .block-img-left { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + + .block-img-left.last { + margin-bottom: 0vw; + } + + .block-img { + width: 100vw; + height: 60vw; + } + + .block-txt { + position: relative; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + width: 90vw; + margin-right: 0vw; + margin-bottom: -10vw; + margin-left: 0vw; + padding-top: 7.5vw; + padding-right: 10vw; + padding-left: 10vw; + } + + .block-txt.left { + width: 90vw; + margin-left: 0vw; + } + + .block-txt.intro { + width: 90vw; + } + + .block-img-right { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + + .title-outline { + text-align: left; + } + + .div-block-58 { + height: 26px; + } + + .chapo { + padding-top: 12px; + padding-bottom: 12px; + font-size: 1.25em; + line-height: 1.3em; + } + + .div-block-62 { + width: 2px; + } + + .block-text-h5 { + width: 80vw; + margin-left: 10vw; + } + + .block-vision-mission { + margin-bottom: 25vw; + } + + .block-vision-mission.last { + margin-bottom: 10vw; + } + + .block-content-values { + padding-top: 5vw; + } + + .heading-10-copy { + font-size: 10vh; + } + + .heading-11-copy { + font-size: 10vh; + } + + .heading-12-copy { + font-size: 10vh; + } + + .path-top-colored { + width: 2px; + } + + .path-bottom { + width: 2px; + } + + .path-bottom-colored { + width: 2px; + } + + .block-txt-mission { + position: relative; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + width: 80vw; + margin: 10vw 0vw -10vw; + padding-top: 7.5vw; + padding-right: 10vw; + padding-left: 10vw; + } + + .block-txt-mission._40 { + padding-top: 7.5vw; + } + + .block-txt-vision { + position: relative; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + width: 80vw; + margin: 40vw 0vw -10vw; + padding-top: 7.5vw; + padding-right: 10vw; + padding-left: 10vw; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + } + + .block-txt-vision._40 { + width: 80vw; + margin-top: 40vw; + margin-bottom: 0vw; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + } + + .block-image-centered { + overflow: hidden; + margin-right: 0vw; + margin-left: 0vw; + } + + .block-image-centered.strategy { + overflow: hidden; + } + + .heading-16 { + margin-bottom: 5vw; + } + + .block-txt-copy { + position: relative; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + width: 90vw; + margin-right: 0vw; + margin-bottom: -10vw; + margin-left: 0vw; + padding-right: 10vw; + padding-left: 10vw; + } + + .block-txt-copy.form-contact { + width: 90vw; + } + + .bt-burger-cross { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + + .image-logo-home { + height: 60px; + } + + .path-white { + width: 2px; + } + + .bg-header { + background-color: #fff; + } + + .masque-header { + display: none; + height: 110px; + } + + .div-block-71 { + margin-top: 10vw; + padding-right: 10vw; + padding-left: 10vw; + } +} + +@media screen and (max-width: 479px) { + body { + font-size: 18px; + line-height: 27px; + } + + p { + margin-bottom: 0px; + } + + .block-path-bottom { + height: 30vh; + } + + .block-path-top { + height: 30vh; + } + + .right-arrow-2 { + display: none; + } + + .left-arrow-2 { + display: none; + } + + .social-icons { + margin: 10vw auto; + } + + .link-block { + margin-right: 12px; + margin-left: 12px; + } + + .div-block-57 { + display: block; + margin-right: 10vw; + margin-bottom: 10vw; + margin-left: 10vw; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + text-align: center; + } + + .link-block-2 { + margin-right: 12px; + margin-left: 12px; + } + + .image-logo { + height: 45px; + } + + .bg-menu { + display: none; + } + + .menu { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + } + + .line-bottom { + width: 30px; + } + + .line-middle { + width: 30px; + } + + .line-b { + width: 30px; + } + + .masque-menu { + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + } + + .line-top { + width: 30px; + } + + .line-a { + width: 30px; + } + + .div-block-menu { + display: none; + height: 100vh; + padding-top: 40vw; + padding-left: 10vw; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } + + .heading-12 { + font-size: 10vh; + } + + .nav-link-2 { + margin-top: 0vw; + margin-bottom: 0vw; + padding-right: 5vw; + padding-left: 0px; + font-size: 1.44em; + } + + .nav-link-2.w--current { + margin-top: 0vw; + margin-bottom: 0vw; + padding: 0px 5vw 0px 0px; + font-size: 2.074em; + } + + .heading-10 { + font-size: 10vh; + } + + .heading-11 { + font-size: 10vh; + } + + .header { + padding-top: 5vw; + padding-bottom: 5vw; + padding-left: 7.5vw; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + + .link-block-logo { + height: 45px; + } + + .block-title { + margin-top: 30vw; + } + + .block-img-left { + margin-bottom: 20vw; + } + + .block-img { + height: 100vw; + } + + .block-txt { + padding-top: 10vw; + padding-bottom: 10vw; + } + + .block-img-right { + margin-bottom: 20vw; + } + + .title-outline { + text-align: left; + } + + .chapo { + margin-top: 10vw; + margin-bottom: 10vw; + } + + .image-logo-fonce { + height: 45px; + } + + .gallery { + height: 60vw; + margin-bottom: 5vw; + } + + .gallery-track { + width: 385vw; + } + + .item-activity { + width: 40vw; + height: 60vw; + } + + .block-text-h5 { + width: 80vw; + margin-bottom: 25vw; + } + + .block-vision-mission { + margin-bottom: 25vw; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .block-values { + margin-top: 25vw; + padding-right: 10vw; + padding-bottom: 10vw; + padding-left: 10vw; + } + + .block-text-our-values { + width: 80vw; + } + + .block-content-values { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 80vw; + margin-bottom: 25vw; + padding-top: 10vw; + } + + .value { + margin-top: 0vw; + } + + .heading-10-copy { + font-size: 10vh; + } + + .heading-11-copy { + font-size: 10vh; + } + + .heading-12-copy { + font-size: 10vh; + } + + .div-block-67 { + margin-right: 12px; + margin-left: 12px; + } + + .block-txt-mission { + width: 90vw; + margin-top: -10vw; + margin-bottom: 0vw; + padding-top: 10vw; + padding-bottom: 10vw; + } + + .block-txt-mission._40 { + padding-top: 10vw; + } + + .block-txt-vision { + width: 90vw; + margin-top: 60vw; + margin-bottom: 10vw; + padding-top: 10vw; + padding-bottom: 10vw; + } + + .block-txt-vision._40 { + width: 90vw; + margin-top: 60vw; + margin-bottom: 0vw; + } + + .block-image-centered { + overflow: hidden; + height: 50%; + margin-right: 0vw; + margin-left: 0vw; + } + + .block-image-centered.strategy { + overflow: hidden; + height: 100vw; + margin-top: 100vw; + } + + .text-field:active { + border-style: solid; + border-width: 1px; + border-color: #dbd5d5; + } + + .block-txt-copy { + padding-top: 10vw; + padding-bottom: 10vw; + } + + .footer-desktop { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .bt-burger-cross { + padding-right: 5vw; + padding-left: 5vw; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + } + + .image-logo-home { + height: 45px; + } + + .bg-header { + background-color: #fff; + } + + .lottie-animation { + left: -25vw; + width: 150vw; + } + + .masque-header { + display: none; + height: 90px; + } + + .div-block-71 { + padding-right: 10vw; + padding-left: 10vw; + } + + .nav-secondaire { + margin-top: 10vw; + } +} + +#w-node-_9c849ba0-1d9f-a83f-ac87-2a0d3fad54c9-2395bf91 { + -ms-grid-row: 1; + grid-row-start: 1; + -ms-grid-row-span: 2; + grid-row-end: 3; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-column-span: 1; + grid-column-end: 2; +} + +#w-node-_2fd3b612-8fc0-e777-a963-f63afe3a43f6-2395bf91 { + -ms-grid-column-span: 1; + grid-column-end: 3; + -ms-grid-column: 2; + grid-column-start: 2; + -ms-grid-row-span: 2; + grid-row-end: 4; + -ms-grid-row: 2; + grid-row-start: 2; +} + +#w-node-_6a13d6bc-2e7f-17ab-4e6c-26aff8bc6446-2395bf91 { + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-row-span: 2; + grid-row-end: 5; + -ms-grid-row: 3; + grid-row-start: 3; +} + +#w-node-_7b7ba179-c461-553b-6b55-9047508a5fee-2395bf91 { + -ms-grid-column-span: 1; + grid-column-end: 3; + -ms-grid-column: 2; + grid-column-start: 2; + -ms-grid-row-span: 2; + grid-row-end: 6; + -ms-grid-row: 4; + grid-row-start: 4; +} + +#w-node-c080e4f0-aabb-05c4-5db9-340130af6b30-2395bf91 { + -ms-grid-row: 5; + grid-row-start: 5; + -ms-grid-row-span: 2; + grid-row-end: 7; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-column-span: 1; + grid-column-end: 2; +} + +@media screen and (min-width: 1920px) { + #w-node-_2fd3b612-8fc0-e777-a963-f63afe3a43f6-2395bf91 { + -ms-grid-column: 2; + grid-column-start: 2; + -ms-grid-column-span: 1; + grid-column-end: 3; + -ms-grid-row: 2; + grid-row-start: 2; + -ms-grid-row-span: 2; + grid-row-end: 4; + } + + #w-node-_6a13d6bc-2e7f-17ab-4e6c-26aff8bc6446-2395bf91 { + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-row: 3; + grid-row-start: 3; + -ms-grid-row-span: 2; + grid-row-end: 5; + } + + #w-node-_7b7ba179-c461-553b-6b55-9047508a5fee-2395bf91 { + -ms-grid-column: 2; + grid-column-start: 2; + -ms-grid-column-span: 1; + grid-column-end: 3; + -ms-grid-row: 4; + grid-row-start: 4; + -ms-grid-row-span: 2; + grid-row-end: 6; + } + + #w-node-c080e4f0-aabb-05c4-5db9-340130af6b30-2395bf91 { + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-row: 5; + grid-row-start: 5; + -ms-grid-row-span: 2; + grid-row-end: 7; + } +} + diff --git a/css/webflow.css b/css/webflow.css new file mode 100644 index 0000000..fb1f01a --- /dev/null +++ b/css/webflow.css @@ -0,0 +1,1832 @@ +@font-face { + font-family: 'webflow-icons'; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); + font-weight: normal; + font-style: normal; +} +[class^="w-icon-"], +[class*=" w-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'webflow-icons' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.w-icon-slider-right:before { + content: "\e600"; +} +.w-icon-slider-left:before { + content: "\e601"; +} +.w-icon-nav-menu:before { + content: "\e602"; +} +.w-icon-arrow-down:before, +.w-icon-dropdown-toggle:before { + content: "\e603"; +} +.w-icon-file-upload-remove:before { + content: "\e900"; +} +.w-icon-file-upload-icon:before { + content: "\e903"; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + height: 100%; +} +body { + margin: 0; + min-height: 100%; + background-color: #fff; + font-family: Arial, sans-serif; + font-size: 14px; + line-height: 20px; + color: #333; +} +img { + max-width: 100%; + vertical-align: middle; + display: inline-block; +} +html.w-mod-touch * { + background-attachment: scroll !important; +} +.w-block { + display: block; +} +.w-inline-block { + max-width: 100%; + display: inline-block; +} +.w-clearfix:before, +.w-clearfix:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-clearfix:after { + clear: both; +} +.w-hidden { + display: none; +} +.w-button { + display: inline-block; + padding: 9px 15px; + background-color: #3898EC; + color: white; + border: 0; + line-height: inherit; + text-decoration: none; + cursor: pointer; + border-radius: 0; +} +input.w-button { + -webkit-appearance: button; +} +html[data-w-dynpage] [data-w-cloak] { + color: transparent !important; +} +.w-webflow-badge, +.w-webflow-badge * { + position: static; + left: auto; + top: auto; + right: auto; + bottom: auto; + z-index: auto; + display: block; + visibility: visible; + overflow: visible; + overflow-x: visible; + overflow-y: visible; + box-sizing: border-box; + width: auto; + height: auto; + max-height: none; + max-width: none; + min-height: 0; + min-width: 0; + margin: 0; + padding: 0; + float: none; + clear: none; + border: 0 none transparent; + border-radius: 0; + background: none; + background-image: none; + background-position: 0% 0%; + background-size: auto auto; + background-repeat: repeat; + background-origin: padding-box; + background-clip: border-box; + background-attachment: scroll; + background-color: transparent; + box-shadow: none; + opacity: 1; + transform: none; + transition: none; + direction: ltr; + font-family: inherit; + font-weight: inherit; + color: inherit; + font-size: inherit; + line-height: inherit; + font-style: inherit; + font-variant: inherit; + text-align: inherit; + letter-spacing: inherit; + text-decoration: inherit; + text-indent: 0; + text-transform: inherit; + list-style-type: disc; + text-shadow: none; + font-smoothing: auto; + vertical-align: baseline; + cursor: inherit; + white-space: inherit; + word-break: normal; + word-spacing: normal; + word-wrap: normal; +} +.w-webflow-badge { + position: fixed !important; + display: inline-block !important; + visibility: visible !important; + z-index: 2147483647 !important; + top: auto !important; + right: 12px !important; + bottom: 12px !important; + left: auto !important; + color: #AAADB0 !important; + background-color: #fff !important; + border-radius: 3px !important; + padding: 6px 8px 6px 6px !important; + font-size: 12px !important; + opacity: 1 !important; + line-height: 14px !important; + text-decoration: none !important; + transform: none !important; + margin: 0 !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + white-space: nowrap; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); + cursor: pointer; +} +.w-webflow-badge > img { + display: inline-block !important; + visibility: visible !important; + opacity: 1 !important; + vertical-align: middle !important; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; + margin-bottom: 10px; +} +h1 { + font-size: 38px; + line-height: 44px; + margin-top: 20px; +} +h2 { + font-size: 32px; + line-height: 36px; + margin-top: 20px; +} +h3 { + font-size: 24px; + line-height: 30px; + margin-top: 20px; +} +h4 { + font-size: 18px; + line-height: 24px; + margin-top: 10px; +} +h5 { + font-size: 14px; + line-height: 20px; + margin-top: 10px; +} +h6 { + font-size: 12px; + line-height: 18px; + margin-top: 10px; +} +p { + margin-top: 0; + margin-bottom: 10px; +} +blockquote { + margin: 0 0 10px 0; + padding: 10px 20px; + border-left: 5px solid #E2E2E2; + font-size: 18px; + line-height: 22px; +} +figure { + margin: 0; + margin-bottom: 10px; +} +figcaption { + margin-top: 5px; + text-align: center; +} +ul, +ol { + margin-top: 0px; + margin-bottom: 10px; + padding-left: 40px; +} +.w-list-unstyled { + padding-left: 0; + list-style: none; +} +.w-embed:before, +.w-embed:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-embed:after { + clear: both; +} +.w-video { + width: 100%; + position: relative; + padding: 0; +} +.w-video iframe, +.w-video object, +.w-video embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: none; +} +fieldset { + padding: 0; + margin: 0; + border: 0; +} +button, +[type='button'], +[type='reset'] { + border: 0; + cursor: pointer; + -webkit-appearance: button; +} +.w-form { + margin: 0 0 15px; +} +.w-form-done { + display: none; + padding: 20px; + text-align: center; + background-color: #dddddd; +} +.w-form-fail { + display: none; + margin-top: 10px; + padding: 10px; + background-color: #ffdede; +} +label { + display: block; + margin-bottom: 5px; + font-weight: bold; +} +.w-input, +.w-select { + display: block; + width: 100%; + height: 38px; + padding: 8px 12px; + margin-bottom: 10px; + font-size: 14px; + line-height: 1.42857143; + color: #333333; + vertical-align: middle; + background-color: #ffffff; + border: 1px solid #cccccc; +} +.w-input:-moz-placeholder, +.w-select:-moz-placeholder { + color: #999; +} +.w-input::-moz-placeholder, +.w-select::-moz-placeholder { + color: #999; + opacity: 1; +} +.w-input:-ms-input-placeholder, +.w-select:-ms-input-placeholder { + color: #999; +} +.w-input::-webkit-input-placeholder, +.w-select::-webkit-input-placeholder { + color: #999; +} +.w-input:focus, +.w-select:focus { + border-color: #3898EC; + outline: 0; +} +.w-input[disabled], +.w-select[disabled], +.w-input[readonly], +.w-select[readonly], +fieldset[disabled] .w-input, +fieldset[disabled] .w-select { + cursor: not-allowed; +} +.w-input[disabled]:not(.w-input-disabled), +.w-select[disabled]:not(.w-input-disabled), +.w-input[readonly], +.w-select[readonly], +fieldset[disabled]:not(.w-input-disabled) .w-input, +fieldset[disabled]:not(.w-input-disabled) .w-select { + background-color: #eeeeee; +} +textarea.w-input, +textarea.w-select { + height: auto; +} +.w-select { + background-color: #f3f3f3; +} +.w-select[multiple] { + height: auto; +} +.w-form-label { + display: inline-block; + cursor: pointer; + font-weight: normal; + margin-bottom: 0px; +} +.w-radio { + display: block; + margin-bottom: 5px; + padding-left: 20px; +} +.w-radio:before, +.w-radio:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-radio:after { + clear: both; +} +.w-radio-input { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; + float: left; + margin-left: -20px; +} +.w-radio-input { + margin-top: 3px; +} +.w-file-upload { + display: block; + margin-bottom: 10px; +} +.w-file-upload-input { + width: 0.1px; + height: 0.1px; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -100; +} +.w-file-upload-default, +.w-file-upload-uploading, +.w-file-upload-success { + display: inline-block; + color: #333333; +} +.w-file-upload-error { + display: block; + margin-top: 10px; +} +.w-file-upload-default.w-hidden, +.w-file-upload-uploading.w-hidden, +.w-file-upload-error.w-hidden, +.w-file-upload-success.w-hidden { + display: none; +} +.w-file-upload-uploading-btn { + display: flex; + font-size: 14px; + font-weight: normal; + cursor: pointer; + margin: 0; + padding: 8px 12px; + border: 1px solid #cccccc; + background-color: #fafafa; +} +.w-file-upload-file { + display: flex; + flex-grow: 1; + justify-content: space-between; + margin: 0; + padding: 8px 9px 8px 11px; + border: 1px solid #cccccc; + background-color: #fafafa; +} +.w-file-upload-file-name { + font-size: 14px; + font-weight: normal; + display: block; +} +.w-file-remove-link { + margin-top: 3px; + margin-left: 10px; + width: auto; + height: auto; + padding: 3px; + display: block; + cursor: pointer; +} +.w-icon-file-upload-remove { + margin: auto; + font-size: 10px; +} +.w-file-upload-error-msg { + display: inline-block; + color: #ea384c; + padding: 2px 0; +} +.w-file-upload-info { + display: inline-block; + line-height: 38px; + padding: 0 12px; +} +.w-file-upload-label { + display: inline-block; + font-size: 14px; + font-weight: normal; + cursor: pointer; + margin: 0; + padding: 8px 12px; + border: 1px solid #cccccc; + background-color: #fafafa; +} +.w-icon-file-upload-icon, +.w-icon-file-upload-uploading { + display: inline-block; + margin-right: 8px; + width: 20px; +} +.w-icon-file-upload-uploading { + height: 20px; +} +.w-container { + margin-left: auto; + margin-right: auto; + max-width: 940px; +} +.w-container:before, +.w-container:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-container:after { + clear: both; +} +.w-container .w-row { + margin-left: -10px; + margin-right: -10px; +} +.w-row:before, +.w-row:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-row:after { + clear: both; +} +.w-row .w-row { + margin-left: 0; + margin-right: 0; +} +.w-col { + position: relative; + float: left; + width: 100%; + min-height: 1px; + padding-left: 10px; + padding-right: 10px; +} +.w-col .w-col { + padding-left: 0; + padding-right: 0; +} +.w-col-1 { + width: 8.33333333%; +} +.w-col-2 { + width: 16.66666667%; +} +.w-col-3 { + width: 25%; +} +.w-col-4 { + width: 33.33333333%; +} +.w-col-5 { + width: 41.66666667%; +} +.w-col-6 { + width: 50%; +} +.w-col-7 { + width: 58.33333333%; +} +.w-col-8 { + width: 66.66666667%; +} +.w-col-9 { + width: 75%; +} +.w-col-10 { + width: 83.33333333%; +} +.w-col-11 { + width: 91.66666667%; +} +.w-col-12 { + width: 100%; +} +.w-hidden-main { + display: none !important; +} +@media screen and (max-width: 991px) { + .w-container { + max-width: 728px; + } + .w-hidden-main { + display: inherit !important; + } + .w-hidden-medium { + display: none !important; + } + .w-col-medium-1 { + width: 8.33333333%; + } + .w-col-medium-2 { + width: 16.66666667%; + } + .w-col-medium-3 { + width: 25%; + } + .w-col-medium-4 { + width: 33.33333333%; + } + .w-col-medium-5 { + width: 41.66666667%; + } + .w-col-medium-6 { + width: 50%; + } + .w-col-medium-7 { + width: 58.33333333%; + } + .w-col-medium-8 { + width: 66.66666667%; + } + .w-col-medium-9 { + width: 75%; + } + .w-col-medium-10 { + width: 83.33333333%; + } + .w-col-medium-11 { + width: 91.66666667%; + } + .w-col-medium-12 { + width: 100%; + } + .w-col-stack { + width: 100%; + left: auto; + right: auto; + } +} +@media screen and (max-width: 767px) { + .w-hidden-main { + display: inherit !important; + } + .w-hidden-medium { + display: inherit !important; + } + .w-hidden-small { + display: none !important; + } + .w-row, + .w-container .w-row { + margin-left: 0; + margin-right: 0; + } + .w-col { + width: 100%; + left: auto; + right: auto; + } + .w-col-small-1 { + width: 8.33333333%; + } + .w-col-small-2 { + width: 16.66666667%; + } + .w-col-small-3 { + width: 25%; + } + .w-col-small-4 { + width: 33.33333333%; + } + .w-col-small-5 { + width: 41.66666667%; + } + .w-col-small-6 { + width: 50%; + } + .w-col-small-7 { + width: 58.33333333%; + } + .w-col-small-8 { + width: 66.66666667%; + } + .w-col-small-9 { + width: 75%; + } + .w-col-small-10 { + width: 83.33333333%; + } + .w-col-small-11 { + width: 91.66666667%; + } + .w-col-small-12 { + width: 100%; + } +} +@media screen and (max-width: 479px) { + .w-container { + max-width: none; + } + .w-hidden-main { + display: inherit !important; + } + .w-hidden-medium { + display: inherit !important; + } + .w-hidden-small { + display: inherit !important; + } + .w-hidden-tiny { + display: none !important; + } + .w-col { + width: 100%; + } + .w-col-tiny-1 { + width: 8.33333333%; + } + .w-col-tiny-2 { + width: 16.66666667%; + } + .w-col-tiny-3 { + width: 25%; + } + .w-col-tiny-4 { + width: 33.33333333%; + } + .w-col-tiny-5 { + width: 41.66666667%; + } + .w-col-tiny-6 { + width: 50%; + } + .w-col-tiny-7 { + width: 58.33333333%; + } + .w-col-tiny-8 { + width: 66.66666667%; + } + .w-col-tiny-9 { + width: 75%; + } + .w-col-tiny-10 { + width: 83.33333333%; + } + .w-col-tiny-11 { + width: 91.66666667%; + } + .w-col-tiny-12 { + width: 100%; + } +} +.w-widget { + position: relative; +} +.w-widget-map { + width: 100%; + height: 400px; +} +.w-widget-map label { + width: auto; + display: inline; +} +.w-widget-map img { + max-width: inherit; +} +.w-widget-map .gm-style-iw { + text-align: center; +} +.w-widget-map .gm-style-iw > button { + display: none !important; +} +.w-widget-twitter { + overflow: hidden; +} +.w-widget-twitter-count-shim { + display: inline-block; + vertical-align: top; + position: relative; + width: 28px; + height: 20px; + text-align: center; + background: white; + border: #758696 solid 1px; + border-radius: 3px; +} +.w-widget-twitter-count-shim * { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.w-widget-twitter-count-shim .w-widget-twitter-count-inner { + position: relative; + font-size: 15px; + line-height: 12px; + text-align: center; + color: #999; + font-family: serif; +} +.w-widget-twitter-count-shim .w-widget-twitter-count-clear { + position: relative; + display: block; +} +.w-widget-twitter-count-shim.w--large { + width: 36px; + height: 28px; +} +.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 18px; +} +.w-widget-twitter-count-shim:not(.w--vertical) { + margin-left: 5px; + margin-right: 8px; +} +.w-widget-twitter-count-shim:not(.w--vertical).w--large { + margin-left: 6px; +} +.w-widget-twitter-count-shim:not(.w--vertical):before, +.w-widget-twitter-count-shim:not(.w--vertical):after { + top: 50%; + left: 0; + border: solid transparent; + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.w-widget-twitter-count-shim:not(.w--vertical):before { + border-color: rgba(117, 134, 150, 0); + border-right-color: #5d6c7b; + border-width: 4px; + margin-left: -9px; + margin-top: -4px; +} +.w-widget-twitter-count-shim:not(.w--vertical).w--large:before { + border-width: 5px; + margin-left: -10px; + margin-top: -5px; +} +.w-widget-twitter-count-shim:not(.w--vertical):after { + border-color: rgba(255, 255, 255, 0); + border-right-color: white; + border-width: 4px; + margin-left: -8px; + margin-top: -4px; +} +.w-widget-twitter-count-shim:not(.w--vertical).w--large:after { + border-width: 5px; + margin-left: -9px; + margin-top: -5px; +} +.w-widget-twitter-count-shim.w--vertical { + width: 61px; + height: 33px; + margin-bottom: 8px; +} +.w-widget-twitter-count-shim.w--vertical:before, +.w-widget-twitter-count-shim.w--vertical:after { + top: 100%; + left: 50%; + border: solid transparent; + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.w-widget-twitter-count-shim.w--vertical:before { + border-color: rgba(117, 134, 150, 0); + border-top-color: #5d6c7b; + border-width: 5px; + margin-left: -5px; +} +.w-widget-twitter-count-shim.w--vertical:after { + border-color: rgba(255, 255, 255, 0); + border-top-color: white; + border-width: 4px; + margin-left: -4px; +} +.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 22px; +} +.w-widget-twitter-count-shim.w--vertical.w--large { + width: 76px; +} +.w-background-video { + position: relative; + overflow: hidden; + height: 500px; + color: white; +} +.w-background-video > video { + background-size: cover; + background-position: 50% 50%; + position: absolute; + margin: auto; + width: 100%; + height: 100%; + right: -100%; + bottom: -100%; + top: -100%; + left: -100%; + object-fit: cover; + z-index: -100; +} +.w-background-video > video::-webkit-media-controls-start-playback-button { + display: none !important; + -webkit-appearance: none; +} +.w-background-video--control { + position: absolute; + bottom: 1em; + right: 1em; + background-color: transparent; + padding: 0; +} +.w-background-video--control > [hidden] { + display: none !important; +} +.w-slider { + position: relative; + height: 300px; + text-align: center; + background: #dddddd; + clear: both; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); +} +.w-slider-mask { + position: relative; + display: block; + overflow: hidden; + z-index: 1; + left: 0; + right: 0; + height: 100%; + white-space: nowrap; +} +.w-slide { + position: relative; + display: inline-block; + vertical-align: top; + width: 100%; + height: 100%; + white-space: normal; + text-align: left; +} +.w-slider-nav { + position: absolute; + z-index: 2; + top: auto; + right: 0; + bottom: 0; + left: 0; + margin: auto; + padding-top: 10px; + height: 40px; + text-align: center; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); +} +.w-slider-nav.w-round > div { + border-radius: 100%; +} +.w-slider-nav.w-num > div { + width: auto; + height: auto; + padding: 0.2em 0.5em; + font-size: inherit; + line-height: inherit; +} +.w-slider-nav.w-shadow > div { + box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); +} +.w-slider-nav-invert { + color: #fff; +} +.w-slider-nav-invert > div { + background-color: rgba(34, 34, 34, 0.4); +} +.w-slider-nav-invert > div.w-active { + background-color: #222; +} +.w-slider-dot { + position: relative; + display: inline-block; + width: 1em; + height: 1em; + background-color: rgba(255, 255, 255, 0.4); + cursor: pointer; + margin: 0 3px 0.5em; + transition: background-color 100ms, color 100ms; +} +.w-slider-dot.w-active { + background-color: #fff; +} +.w-slider-dot:focus { + outline: none; + box-shadow: 0px 0px 0px 2px #fff; +} +.w-slider-dot:focus.w-active { + box-shadow: none; +} +.w-slider-arrow-left, +.w-slider-arrow-right { + position: absolute; + width: 80px; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + cursor: pointer; + overflow: hidden; + color: white; + font-size: 40px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.w-slider-arrow-left [class^='w-icon-'], +.w-slider-arrow-right [class^='w-icon-'], +.w-slider-arrow-left [class*=' w-icon-'], +.w-slider-arrow-right [class*=' w-icon-'] { + position: absolute; +} +.w-slider-arrow-left:focus, +.w-slider-arrow-right:focus { + outline: 0; +} +.w-slider-arrow-left { + z-index: 3; + right: auto; +} +.w-slider-arrow-right { + z-index: 4; + left: auto; +} +.w-icon-slider-left, +.w-icon-slider-right { + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + width: 1em; + height: 1em; +} +.w-slider-aria-label { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.w-slider-force-show { + display: block !important; +} +.w-dropdown { + display: inline-block; + position: relative; + text-align: left; + margin-left: auto; + margin-right: auto; + z-index: 900; +} +.w-dropdown-btn, +.w-dropdown-toggle, +.w-dropdown-link { + position: relative; + vertical-align: top; + text-decoration: none; + color: #222222; + padding: 20px; + text-align: left; + margin-left: auto; + margin-right: auto; + white-space: nowrap; +} +.w-dropdown-toggle { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: inline-block; + cursor: pointer; + padding-right: 40px; +} +.w-dropdown-toggle:focus { + outline: 0; +} +.w-icon-dropdown-toggle { + position: absolute; + top: 0; + right: 0; + bottom: 0; + margin: auto; + margin-right: 20px; + width: 1em; + height: 1em; +} +.w-dropdown-list { + position: absolute; + background: #dddddd; + display: none; + min-width: 100%; +} +.w-dropdown-list.w--open { + display: block; +} +.w-dropdown-link { + padding: 10px 20px; + display: block; + color: #222222; +} +.w-dropdown-link.w--current { + color: #0082f3; +} +.w-dropdown-link:focus { + outline: 0; +} +@media screen and (max-width: 767px) { + .w-nav-brand { + padding-left: 10px; + } +} +/** + * ## Note + * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. + * For example percentage units do not work on descendants of elements that + * have any dimensions expressed in viewport units. It also doesn’t handle them at + * all in `calc()`. + */ +/** + * Wrapper around all lightbox elements + * + * 1. Since the lightbox can receive focus, IE also gives it an outline. + * 2. Fixes flickering on Chrome when a transition is in progress + * underneath the lightbox. + */ +.w-lightbox-backdrop { + color: #000; + cursor: auto; + font-family: serif; + font-size: medium; + font-style: normal; + font-variant: normal; + font-weight: normal; + letter-spacing: normal; + line-height: normal; + list-style: disc; + text-align: start; + text-indent: 0; + text-shadow: none; + text-transform: none; + visibility: visible; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + color: #fff; + font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; + font-size: 17px; + line-height: 1.2; + font-weight: 300; + text-align: center; + background: rgba(0, 0, 0, 0.9); + z-index: 2000; + outline: 0; + /* 1 */ + opacity: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-transform: translate(0, 0); + /* 2 */ +} +/** + * Neat trick to bind the rubberband effect to our canvas instead of the whole + * document on iOS. It also prevents a bug that causes the document underneath to scroll. + */ +.w-lightbox-backdrop, +.w-lightbox-container { + height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.w-lightbox-content { + position: relative; + height: 100vh; + overflow: hidden; +} +.w-lightbox-view { + position: absolute; + width: 100vw; + height: 100vh; + opacity: 0; +} +.w-lightbox-view:before { + content: ""; + height: 100vh; +} +/* .w-lightbox-content */ +.w-lightbox-group, +.w-lightbox-group .w-lightbox-view, +.w-lightbox-group .w-lightbox-view:before { + height: 86vh; +} +.w-lightbox-frame, +.w-lightbox-view:before { + display: inline-block; + vertical-align: middle; +} +/* + * 1. Remove default margin set by user-agent on the
element. + */ +.w-lightbox-figure { + position: relative; + margin: 0; + /* 1 */ +} +.w-lightbox-group .w-lightbox-figure { + cursor: pointer; +} +/** + * IE adds image dimensions as width and height attributes on the IMG tag, + * but we need both width and height to be set to auto to enable scaling. + */ +.w-lightbox-img { + width: auto; + height: auto; + max-width: none; +} +/** + * 1. Reset if style is set by user on "All Images" + */ +.w-lightbox-image { + display: block; + float: none; + /* 1 */ + max-width: 100vw; + max-height: 100vh; +} +.w-lightbox-group .w-lightbox-image { + max-height: 86vh; +} +.w-lightbox-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: 0.5em 1em; + background: rgba(0, 0, 0, 0.4); + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.w-lightbox-embed { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; +} +.w-lightbox-control { + position: absolute; + top: 0; + width: 4em; + background-size: 24px; + background-repeat: no-repeat; + background-position: center; + cursor: pointer; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.w-lightbox-left { + display: none; + bottom: 0; + left: 0; + /* */ + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); +} +.w-lightbox-right { + display: none; + right: 0; + bottom: 0; + /* */ + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); +} +/* + * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. + * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. + * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) + */ +.w-lightbox-close { + right: 0; + height: 2.6em; + /* */ + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); + background-size: 18px; +} +/** + * 1. All IE versions add extra space at the bottom without this. + */ +.w-lightbox-strip { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 0 1vh; + line-height: 0; + /* 1 */ + white-space: nowrap; + overflow-x: auto; + overflow-y: hidden; +} +/* + * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` + * which doesn’t work in Safari anyway. + * 2. Chrome renders images pixelated when switching to GPU. Making sure + * the parent is also rendered on the GPU (by setting translate3d for + * example) fixes this behavior. + */ +.w-lightbox-item { + display: inline-block; + width: 10vh; + padding: 2vh 1vh; + box-sizing: content-box; + /* 1 */ + cursor: pointer; + -webkit-transform: translate3d(0, 0, 0); + /* 2 */ +} +.w-lightbox-active { + opacity: 0.3; +} +.w-lightbox-thumbnail { + position: relative; + height: 10vh; + background: #222; + overflow: hidden; +} +.w-lightbox-thumbnail-image { + position: absolute; + top: 0; + left: 0; +} +.w-lightbox-thumbnail .w-lightbox-tall { + top: 50%; + width: 100%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.w-lightbox-thumbnail .w-lightbox-wide { + left: 50%; + height: 100%; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +/* + * Spinner + * + * Absolute pixel values are used to avoid rounding errors that would cause + * the white spinning element to be misaligned with the track. + */ +.w-lightbox-spinner { + position: absolute; + top: 50%; + left: 50%; + box-sizing: border-box; + width: 40px; + height: 40px; + margin-top: -20px; + margin-left: -20px; + border: 5px solid rgba(0, 0, 0, 0.4); + border-radius: 50%; + -webkit-animation: spin 0.8s infinite linear; + animation: spin 0.8s infinite linear; +} +.w-lightbox-spinner:after { + content: ""; + position: absolute; + top: -4px; + right: -4px; + bottom: -4px; + left: -4px; + border: 3px solid transparent; + border-bottom-color: #fff; + border-radius: 50%; +} +/* + * Utility classes + */ +.w-lightbox-hide { + display: none; +} +.w-lightbox-noscroll { + overflow: hidden; +} +@media (min-width: 768px) { + .w-lightbox-content { + height: 96vh; + margin-top: 2vh; + } + .w-lightbox-view, + .w-lightbox-view:before { + height: 96vh; + } + /* .w-lightbox-content */ + .w-lightbox-group, + .w-lightbox-group .w-lightbox-view, + .w-lightbox-group .w-lightbox-view:before { + height: 84vh; + } + .w-lightbox-image { + max-width: 96vw; + max-height: 96vh; + } + .w-lightbox-group .w-lightbox-image { + max-width: 82.3vw; + max-height: 84vh; + } + .w-lightbox-left, + .w-lightbox-right { + display: block; + opacity: 0.5; + } + .w-lightbox-close { + opacity: 0.8; + } + .w-lightbox-control:hover { + opacity: 1; + } +} +.w-lightbox-inactive, +.w-lightbox-inactive:hover { + opacity: 0; +} +.w-richtext:before, +.w-richtext:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-richtext:after { + clear: both; +} +.w-richtext[contenteditable="true"]:before, +.w-richtext[contenteditable="true"]:after { + white-space: initial; +} +.w-richtext ol, +.w-richtext ul { + overflow: hidden; +} +.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, +.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { + outline: 2px solid #2895f7; +} +.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, +.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { + outline: 2px solid #2895f7; +} +.w-richtext figure.w-richtext-figure-type-video > div:after, +.w-richtext figure[data-rt-type="video"] > div:after { + content: ''; + position: absolute; + display: none; + left: 0; + top: 0; + right: 0; + bottom: 0; +} +.w-richtext figure { + position: relative; + max-width: 60%; +} +.w-richtext figure > div:before { + cursor: default!important; +} +.w-richtext figure img { + width: 100%; +} +.w-richtext figure figcaption.w-richtext-figcaption-placeholder { + opacity: 0.6; +} +.w-richtext figure div { + /* fix incorrectly sized selection border in the data manager */ + font-size: 0px; + color: transparent; +} +.w-richtext figure.w-richtext-figure-type-image, +.w-richtext figure[data-rt-type="image"] { + display: table; +} +.w-richtext figure.w-richtext-figure-type-image > div, +.w-richtext figure[data-rt-type="image"] > div { + display: inline-block; +} +.w-richtext figure.w-richtext-figure-type-image > figcaption, +.w-richtext figure[data-rt-type="image"] > figcaption { + display: table-caption; + caption-side: bottom; +} +.w-richtext figure.w-richtext-figure-type-video, +.w-richtext figure[data-rt-type="video"] { + width: 60%; + height: 0; +} +.w-richtext figure.w-richtext-figure-type-video iframe, +.w-richtext figure[data-rt-type="video"] iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.w-richtext figure.w-richtext-figure-type-video > div, +.w-richtext figure[data-rt-type="video"] > div { + width: 100%; +} +.w-richtext figure.w-richtext-align-center { + margin-right: auto; + margin-left: auto; + clear: both; +} +.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, +.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { + max-width: 100%; +} +.w-richtext figure.w-richtext-align-normal { + clear: both; +} +.w-richtext figure.w-richtext-align-fullwidth { + width: 100%; + max-width: 100%; + text-align: center; + clear: both; + display: block; + margin-right: auto; + margin-left: auto; +} +.w-richtext figure.w-richtext-align-fullwidth > div { + display: inline-block; + /* padding-bottom is used for aspect ratios in video figures + we want the div to inherit that so hover/selection borders in the designer-canvas + fit right*/ + padding-bottom: inherit; +} +.w-richtext figure.w-richtext-align-fullwidth > figcaption { + display: block; +} +.w-richtext figure.w-richtext-align-floatleft { + float: left; + margin-right: 15px; + clear: none; +} +.w-richtext figure.w-richtext-align-floatright { + float: right; + margin-left: 15px; + clear: none; +} +.w-nav { + position: relative; + background: #dddddd; + z-index: 1000; +} +.w-nav:before, +.w-nav:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-nav:after { + clear: both; +} +.w-nav-brand { + position: relative; + float: left; + text-decoration: none; + color: #333333; +} +.w-nav-link { + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + color: #222222; + padding: 20px; + text-align: left; + margin-left: auto; + margin-right: auto; +} +.w-nav-link.w--current { + color: #0082f3; +} +.w-nav-menu { + position: relative; + float: right; +} +[data-nav-menu-open] { + display: block !important; + position: absolute; + top: 100%; + left: 0; + right: 0; + background: #C8C8C8; + text-align: center; + overflow: visible; + min-width: 200px; +} +.w--nav-link-open { + display: block; + position: relative; +} +.w-nav-overlay { + position: absolute; + overflow: hidden; + display: none; + top: 100%; + left: 0; + right: 0; + width: 100%; +} +.w-nav-overlay [data-nav-menu-open] { + top: 0; +} +.w-nav[data-animation="over-left"] .w-nav-overlay { + width: auto; +} +.w-nav[data-animation="over-left"] .w-nav-overlay, +.w-nav[data-animation="over-left"] [data-nav-menu-open] { + right: auto; + z-index: 1; + top: 0; +} +.w-nav[data-animation="over-right"] .w-nav-overlay { + width: auto; +} +.w-nav[data-animation="over-right"] .w-nav-overlay, +.w-nav[data-animation="over-right"] [data-nav-menu-open] { + left: auto; + z-index: 1; + top: 0; +} +.w-nav-button { + position: relative; + float: right; + padding: 18px; + font-size: 24px; + display: none; + cursor: pointer; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.w-nav-button:focus { + outline: 0; +} +.w-nav-button.w--open { + background-color: #C8C8C8; + color: white; +} +.w-nav[data-collapse="all"] .w-nav-menu { + display: none; +} +.w-nav[data-collapse="all"] .w-nav-button { + display: block; +} +.w--nav-dropdown-open { + display: block; +} +.w--nav-dropdown-toggle-open { + display: block; +} +.w--nav-dropdown-list-open { + position: static; +} +@media screen and (max-width: 991px) { + .w-nav[data-collapse="medium"] .w-nav-menu { + display: none; + } + .w-nav[data-collapse="medium"] .w-nav-button { + display: block; + } +} +@media screen and (max-width: 767px) { + .w-nav[data-collapse="small"] .w-nav-menu { + display: none; + } + .w-nav[data-collapse="small"] .w-nav-button { + display: block; + } + .w-nav-brand { + padding-left: 10px; + } +} +@media screen and (max-width: 479px) { + .w-nav[data-collapse="tiny"] .w-nav-menu { + display: none; + } + .w-nav[data-collapse="tiny"] .w-nav-button { + display: block; + } +} +.w-tabs { + position: relative; +} +.w-tabs:before, +.w-tabs:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; +} +.w-tabs:after { + clear: both; +} +.w-tab-menu { + position: relative; +} +.w-tab-link { + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + padding: 9px 30px; + text-align: left; + cursor: pointer; + color: #222222; + background-color: #dddddd; +} +.w-tab-link.w--current { + background-color: #C8C8C8; +} +.w-tab-link:focus { + outline: 0; +} +.w-tab-content { + position: relative; + display: block; + overflow: hidden; +} +.w-tab-pane { + position: relative; + display: none; +} +.w--tab-active { + display: block; +} +@media screen and (max-width: 479px) { + .w-tab-link { + display: block; + } +} +.w-ix-emptyfix:after { + content: ""; +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +.w-dyn-empty { + padding: 10px; + background-color: #dddddd; +} +.w-dyn-hide { + display: none !important; +} +.w-dyn-bind-empty { + display: none !important; +} +.w-condition-invisible { + display: none !important; +} +.wf-layout-layout { + display: grid !important; +} +.wf-layout-cell { + display: flex !important; +} diff --git a/documents/data.json b/documents/data.json new file mode 100644 index 0000000..3d666dd --- /dev/null +++ b/documents/data.json @@ -0,0 +1 @@ +{"v":"5.6.5","fr":29.9700012207031,"ip":0,"op":32.0000013033867,"w":800,"h":800,"nm":"in-out","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Calque de forme 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[465.071,400,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[1.96,1.792],[-12.488,50.684]],"o":[[0,0],[0,0],[-2.067,-1.681],[-35.985,-32.912],[0,0]],"v":[[-21.86,-120.943],[59.489,-120.942],[-0.105,120.943],[-6.112,115.697],[-47.001,-18.895]],"c":true},"ix":2},"nm":"Tracé 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.168],"y":[0.999]},"o":{"x":[0.673],"y":[0.004]},"t":4,"s":[0]},{"t":18.000000733155,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.286],"y":[0.982]},"o":{"x":[0.636],"y":[0.009]},"t":14,"s":[0]},{"t":32.0000013033867,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Réduire les tracés 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.666666666667,0.666666666667,0.666666666667,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Contour 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Forme 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":32.0000013033867,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Calque de forme 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[372.632,299.603,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[23.348,42.814],[1.139,2.41]],"o":[[0,0],[0,0],[-52.199,0],[-1.299,-2.314],[0,0]],"v":[[151.928,-20.545],[132.467,58.441],[27.368,58.441],[-93.534,-13.458],[-97.191,-20.547]],"c":true},"ix":2},"nm":"Tracé 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.152],"y":[0.998]},"o":{"x":[0.665],"y":[0.002]},"t":0,"s":[0]},{"t":14.0000005702317,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.285],"y":[1]},"o":{"x":[0.574],"y":[0]},"t":10,"s":[0]},{"t":28.0000011404634,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Réduire les tracés 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.666666666667,0.666666666667,0.666666666667,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Contour 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Forme 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":32.0000013033867,"st":0,"bm":0}],"markers":[]} \ No newline at end of file diff --git a/images/01-p-1080.jpeg b/images/01-p-1080.jpeg new file mode 100644 index 0000000..cca4659 Binary files /dev/null and b/images/01-p-1080.jpeg differ diff --git a/images/01-p-1600.jpeg b/images/01-p-1600.jpeg new file mode 100644 index 0000000..29b5ab5 Binary files /dev/null and b/images/01-p-1600.jpeg differ diff --git a/images/01-p-2000.jpeg b/images/01-p-2000.jpeg new file mode 100644 index 0000000..aa081a3 Binary files /dev/null and b/images/01-p-2000.jpeg differ diff --git a/images/01-p-2600.jpeg b/images/01-p-2600.jpeg new file mode 100644 index 0000000..db26673 Binary files /dev/null and b/images/01-p-2600.jpeg differ diff --git a/images/01.jpg b/images/01.jpg new file mode 100644 index 0000000..be6c5d4 Binary files /dev/null and b/images/01.jpg differ diff --git a/images/agriculture-livestock-p-1080.jpeg b/images/agriculture-livestock-p-1080.jpeg new file mode 100644 index 0000000..91320d9 Binary files /dev/null and b/images/agriculture-livestock-p-1080.jpeg differ diff --git a/images/agriculture-livestock-p-1600.jpeg b/images/agriculture-livestock-p-1600.jpeg new file mode 100644 index 0000000..7da3c39 Binary files /dev/null and b/images/agriculture-livestock-p-1600.jpeg differ diff --git a/images/agriculture-livestock-p-2000.jpeg b/images/agriculture-livestock-p-2000.jpeg new file mode 100644 index 0000000..a3a86e8 Binary files /dev/null and b/images/agriculture-livestock-p-2000.jpeg differ diff --git a/images/agriculture-livestock-p-500.jpeg b/images/agriculture-livestock-p-500.jpeg new file mode 100644 index 0000000..d58250a Binary files /dev/null and b/images/agriculture-livestock-p-500.jpeg differ diff --git a/images/agriculture-livestock.jpg b/images/agriculture-livestock.jpg new file mode 100644 index 0000000..49d7c7e Binary files /dev/null and b/images/agriculture-livestock.jpg differ diff --git a/images/digital-transformation-p-1080.jpeg b/images/digital-transformation-p-1080.jpeg new file mode 100644 index 0000000..a556424 Binary files /dev/null and b/images/digital-transformation-p-1080.jpeg differ diff --git a/images/digital-transformation-p-500.jpeg b/images/digital-transformation-p-500.jpeg new file mode 100644 index 0000000..c417b2f Binary files /dev/null and b/images/digital-transformation-p-500.jpeg differ diff --git a/images/digital-transformation.jpg b/images/digital-transformation.jpg new file mode 100644 index 0000000..b070387 Binary files /dev/null and b/images/digital-transformation.jpg differ diff --git a/images/digital-transformation_1-p-1080.jpeg b/images/digital-transformation_1-p-1080.jpeg new file mode 100644 index 0000000..32b1347 Binary files /dev/null and b/images/digital-transformation_1-p-1080.jpeg differ diff --git a/images/digital-transformation_1-p-1600.jpeg b/images/digital-transformation_1-p-1600.jpeg new file mode 100644 index 0000000..8abb0da Binary files /dev/null and b/images/digital-transformation_1-p-1600.jpeg differ diff --git a/images/digital-transformation_1-p-2000.jpeg b/images/digital-transformation_1-p-2000.jpeg new file mode 100644 index 0000000..efc76e7 Binary files /dev/null and b/images/digital-transformation_1-p-2000.jpeg differ diff --git a/images/digital-transformation_1-p-500.jpeg b/images/digital-transformation_1-p-500.jpeg new file mode 100644 index 0000000..94128bc Binary files /dev/null and b/images/digital-transformation_1-p-500.jpeg differ diff --git a/images/digital-transformation_1.jpg b/images/digital-transformation_1.jpg new file mode 100644 index 0000000..9f49a6b Binary files /dev/null and b/images/digital-transformation_1.jpg differ diff --git a/images/engineering-p-1080.jpeg b/images/engineering-p-1080.jpeg new file mode 100644 index 0000000..6f053f3 Binary files /dev/null and b/images/engineering-p-1080.jpeg differ diff --git a/images/engineering-p-500.jpeg b/images/engineering-p-500.jpeg new file mode 100644 index 0000000..8632ea5 Binary files /dev/null and b/images/engineering-p-500.jpeg differ diff --git a/images/engineering.jpg b/images/engineering.jpg new file mode 100644 index 0000000..7c96c70 Binary files /dev/null and b/images/engineering.jpg differ diff --git a/images/engineering_1-p-1080.jpeg b/images/engineering_1-p-1080.jpeg new file mode 100644 index 0000000..9e59632 Binary files /dev/null and b/images/engineering_1-p-1080.jpeg differ diff --git a/images/engineering_1-p-1600.jpeg b/images/engineering_1-p-1600.jpeg new file mode 100644 index 0000000..b03edf1 Binary files /dev/null and b/images/engineering_1-p-1600.jpeg differ diff --git a/images/engineering_1-p-2000.jpeg b/images/engineering_1-p-2000.jpeg new file mode 100644 index 0000000..0b9c10f Binary files /dev/null and b/images/engineering_1-p-2000.jpeg differ diff --git a/images/engineering_1-p-2600.jpeg b/images/engineering_1-p-2600.jpeg new file mode 100644 index 0000000..cad34a2 Binary files /dev/null and b/images/engineering_1-p-2600.jpeg differ diff --git a/images/engineering_1-p-500.jpeg b/images/engineering_1-p-500.jpeg new file mode 100644 index 0000000..45832ab Binary files /dev/null and b/images/engineering_1-p-500.jpeg differ diff --git a/images/engineering_1.jpg b/images/engineering_1.jpg new file mode 100644 index 0000000..389ee76 Binary files /dev/null and b/images/engineering_1.jpg differ diff --git a/images/favicon.png b/images/favicon.png new file mode 100644 index 0000000..6a52588 Binary files /dev/null and b/images/favicon.png differ diff --git a/images/kewal-D_vWjCGXTjE-unsplash-p-1080.jpeg b/images/kewal-D_vWjCGXTjE-unsplash-p-1080.jpeg new file mode 100644 index 0000000..fde6b34 Binary files /dev/null and b/images/kewal-D_vWjCGXTjE-unsplash-p-1080.jpeg differ diff --git a/images/kewal-D_vWjCGXTjE-unsplash-p-1600.jpeg b/images/kewal-D_vWjCGXTjE-unsplash-p-1600.jpeg new file mode 100644 index 0000000..9a50320 Binary files /dev/null and b/images/kewal-D_vWjCGXTjE-unsplash-p-1600.jpeg differ diff --git a/images/kewal-D_vWjCGXTjE-unsplash-p-2000.jpeg b/images/kewal-D_vWjCGXTjE-unsplash-p-2000.jpeg new file mode 100644 index 0000000..8eab9a4 Binary files /dev/null and b/images/kewal-D_vWjCGXTjE-unsplash-p-2000.jpeg differ diff --git a/images/kewal-D_vWjCGXTjE-unsplash-p-2600.jpeg b/images/kewal-D_vWjCGXTjE-unsplash-p-2600.jpeg new file mode 100644 index 0000000..a65c7a5 Binary files /dev/null and b/images/kewal-D_vWjCGXTjE-unsplash-p-2600.jpeg differ diff --git a/images/kewal-D_vWjCGXTjE-unsplash-p-500.jpeg b/images/kewal-D_vWjCGXTjE-unsplash-p-500.jpeg new file mode 100644 index 0000000..2611ef8 Binary files /dev/null and b/images/kewal-D_vWjCGXTjE-unsplash-p-500.jpeg differ diff --git a/images/kewal-D_vWjCGXTjE-unsplash.jpg b/images/kewal-D_vWjCGXTjE-unsplash.jpg new file mode 100644 index 0000000..9039d98 Binary files /dev/null and b/images/kewal-D_vWjCGXTjE-unsplash.jpg differ diff --git a/images/logo-tec-fonce.svg b/images/logo-tec-fonce.svg new file mode 100644 index 0000000..df36181 --- /dev/null +++ b/images/logo-tec-fonce.svg @@ -0,0 +1,161 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/logo-tec.svg b/images/logo-tec.svg new file mode 100644 index 0000000..a121f01 --- /dev/null +++ b/images/logo-tec.svg @@ -0,0 +1,161 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/martin-jeon-49YjkNjoilg-unsplash-p-1080.jpeg b/images/martin-jeon-49YjkNjoilg-unsplash-p-1080.jpeg new file mode 100644 index 0000000..4c638ac Binary files /dev/null and b/images/martin-jeon-49YjkNjoilg-unsplash-p-1080.jpeg differ diff --git a/images/martin-jeon-49YjkNjoilg-unsplash-p-1600.jpeg b/images/martin-jeon-49YjkNjoilg-unsplash-p-1600.jpeg new file mode 100644 index 0000000..abd63db Binary files /dev/null and b/images/martin-jeon-49YjkNjoilg-unsplash-p-1600.jpeg differ diff --git a/images/martin-jeon-49YjkNjoilg-unsplash-p-2000.jpeg b/images/martin-jeon-49YjkNjoilg-unsplash-p-2000.jpeg new file mode 100644 index 0000000..f821739 Binary files /dev/null and b/images/martin-jeon-49YjkNjoilg-unsplash-p-2000.jpeg differ diff --git a/images/martin-jeon-49YjkNjoilg-unsplash-p-2600.jpeg b/images/martin-jeon-49YjkNjoilg-unsplash-p-2600.jpeg new file mode 100644 index 0000000..082a664 Binary files /dev/null and b/images/martin-jeon-49YjkNjoilg-unsplash-p-2600.jpeg differ diff --git a/images/martin-jeon-49YjkNjoilg-unsplash-p-500.jpeg b/images/martin-jeon-49YjkNjoilg-unsplash-p-500.jpeg new file mode 100644 index 0000000..52f5dbd Binary files /dev/null and b/images/martin-jeon-49YjkNjoilg-unsplash-p-500.jpeg differ diff --git a/images/martin-jeon-49YjkNjoilg-unsplash-p-800.jpeg b/images/martin-jeon-49YjkNjoilg-unsplash-p-800.jpeg new file mode 100644 index 0000000..71ed6d5 Binary files /dev/null and b/images/martin-jeon-49YjkNjoilg-unsplash-p-800.jpeg differ diff --git a/images/martin-jeon-49YjkNjoilg-unsplash.jpg b/images/martin-jeon-49YjkNjoilg-unsplash.jpg new file mode 100644 index 0000000..ce0b12f Binary files /dev/null and b/images/martin-jeon-49YjkNjoilg-unsplash.jpg differ diff --git a/images/mikita-yo-yHg6p8vW_Is-unsplash-p-1080.jpeg b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-1080.jpeg new file mode 100644 index 0000000..47c710c Binary files /dev/null and b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-1080.jpeg differ diff --git a/images/mikita-yo-yHg6p8vW_Is-unsplash-p-1600.jpeg b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-1600.jpeg new file mode 100644 index 0000000..a8486cf Binary files /dev/null and b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-1600.jpeg differ diff --git a/images/mikita-yo-yHg6p8vW_Is-unsplash-p-2000.jpeg b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-2000.jpeg new file mode 100644 index 0000000..ce31d6b Binary files /dev/null and b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-2000.jpeg differ diff --git a/images/mikita-yo-yHg6p8vW_Is-unsplash-p-2600.jpeg b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-2600.jpeg new file mode 100644 index 0000000..e4d99ce Binary files /dev/null and b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-2600.jpeg differ diff --git a/images/mikita-yo-yHg6p8vW_Is-unsplash-p-3200.jpeg b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-3200.jpeg new file mode 100644 index 0000000..bbfe685 Binary files /dev/null and b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-3200.jpeg differ diff --git a/images/mikita-yo-yHg6p8vW_Is-unsplash-p-500.jpeg b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-500.jpeg new file mode 100644 index 0000000..9b70c82 Binary files /dev/null and b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-500.jpeg differ diff --git a/images/mikita-yo-yHg6p8vW_Is-unsplash-p-800.jpeg b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-800.jpeg new file mode 100644 index 0000000..6271ac1 Binary files /dev/null and b/images/mikita-yo-yHg6p8vW_Is-unsplash-p-800.jpeg differ diff --git a/images/mikita-yo-yHg6p8vW_Is-unsplash.jpg b/images/mikita-yo-yHg6p8vW_Is-unsplash.jpg new file mode 100644 index 0000000..08e1071 Binary files /dev/null and b/images/mikita-yo-yHg6p8vW_Is-unsplash.jpg differ diff --git a/images/montparnasse-p-1080.jpeg b/images/montparnasse-p-1080.jpeg new file mode 100644 index 0000000..8c26684 Binary files /dev/null and b/images/montparnasse-p-1080.jpeg differ diff --git a/images/montparnasse-p-1600.jpeg b/images/montparnasse-p-1600.jpeg new file mode 100644 index 0000000..d37cc89 Binary files /dev/null and b/images/montparnasse-p-1600.jpeg differ diff --git a/images/montparnasse-p-2000.jpeg b/images/montparnasse-p-2000.jpeg new file mode 100644 index 0000000..ff69ca3 Binary files /dev/null and b/images/montparnasse-p-2000.jpeg differ diff --git a/images/montparnasse-p-2600.jpeg b/images/montparnasse-p-2600.jpeg new file mode 100644 index 0000000..2634c97 Binary files /dev/null and b/images/montparnasse-p-2600.jpeg differ diff --git a/images/montparnasse-p-500.jpeg b/images/montparnasse-p-500.jpeg new file mode 100644 index 0000000..5f52fde Binary files /dev/null and b/images/montparnasse-p-500.jpeg differ diff --git a/images/montparnasse-p-800.jpeg b/images/montparnasse-p-800.jpeg new file mode 100644 index 0000000..919773f Binary files /dev/null and b/images/montparnasse-p-800.jpeg differ diff --git a/images/montparnasse.jpg b/images/montparnasse.jpg new file mode 100644 index 0000000..2907c0e Binary files /dev/null and b/images/montparnasse.jpg differ diff --git a/images/oil-distribution02-p-1080.jpeg b/images/oil-distribution02-p-1080.jpeg new file mode 100644 index 0000000..1a89580 Binary files /dev/null and b/images/oil-distribution02-p-1080.jpeg differ diff --git a/images/oil-distribution02-p-1600.jpeg b/images/oil-distribution02-p-1600.jpeg new file mode 100644 index 0000000..f39edde Binary files /dev/null and b/images/oil-distribution02-p-1600.jpeg differ diff --git a/images/oil-distribution02-p-2000.jpeg b/images/oil-distribution02-p-2000.jpeg new file mode 100644 index 0000000..179659c Binary files /dev/null and b/images/oil-distribution02-p-2000.jpeg differ diff --git a/images/oil-distribution02-p-2600.jpeg b/images/oil-distribution02-p-2600.jpeg new file mode 100644 index 0000000..543d070 Binary files /dev/null and b/images/oil-distribution02-p-2600.jpeg differ diff --git a/images/oil-distribution02-p-500.jpeg b/images/oil-distribution02-p-500.jpeg new file mode 100644 index 0000000..2f8e5da Binary files /dev/null and b/images/oil-distribution02-p-500.jpeg differ diff --git a/images/oil-distribution02-p-800.jpeg b/images/oil-distribution02-p-800.jpeg new file mode 100644 index 0000000..ae5baba Binary files /dev/null and b/images/oil-distribution02-p-800.jpeg differ diff --git a/images/oil-distribution02.jpg b/images/oil-distribution02.jpg new file mode 100644 index 0000000..5338eda Binary files /dev/null and b/images/oil-distribution02.jpg differ diff --git a/images/oil-gas-equipment-p-1080.jpeg b/images/oil-gas-equipment-p-1080.jpeg new file mode 100644 index 0000000..99c7d15 Binary files /dev/null and b/images/oil-gas-equipment-p-1080.jpeg differ diff --git a/images/oil-gas-equipment-p-500.jpeg b/images/oil-gas-equipment-p-500.jpeg new file mode 100644 index 0000000..691d8b5 Binary files /dev/null and b/images/oil-gas-equipment-p-500.jpeg differ diff --git a/images/oil-gas-equipment.jpg b/images/oil-gas-equipment.jpg new file mode 100644 index 0000000..2e62644 Binary files /dev/null and b/images/oil-gas-equipment.jpg differ diff --git a/images/oil-gas-equipment_1-p-1080.jpeg b/images/oil-gas-equipment_1-p-1080.jpeg new file mode 100644 index 0000000..0b81220 Binary files /dev/null and b/images/oil-gas-equipment_1-p-1080.jpeg differ diff --git a/images/oil-gas-equipment_1-p-1600.jpeg b/images/oil-gas-equipment_1-p-1600.jpeg new file mode 100644 index 0000000..873fd9f Binary files /dev/null and b/images/oil-gas-equipment_1-p-1600.jpeg differ diff --git a/images/oil-gas-equipment_1-p-2000.jpeg b/images/oil-gas-equipment_1-p-2000.jpeg new file mode 100644 index 0000000..a8335b8 Binary files /dev/null and b/images/oil-gas-equipment_1-p-2000.jpeg differ diff --git a/images/oil-gas-equipment_1-p-500.jpeg b/images/oil-gas-equipment_1-p-500.jpeg new file mode 100644 index 0000000..39e5494 Binary files /dev/null and b/images/oil-gas-equipment_1-p-500.jpeg differ diff --git a/images/oil-gas-equipment_1.jpg b/images/oil-gas-equipment_1.jpg new file mode 100644 index 0000000..7347409 Binary files /dev/null and b/images/oil-gas-equipment_1.jpg differ diff --git a/images/paris-p-1080.jpeg b/images/paris-p-1080.jpeg new file mode 100644 index 0000000..7718698 Binary files /dev/null and b/images/paris-p-1080.jpeg differ diff --git a/images/paris-p-1600.jpeg b/images/paris-p-1600.jpeg new file mode 100644 index 0000000..e5292e4 Binary files /dev/null and b/images/paris-p-1600.jpeg differ diff --git a/images/paris-p-2000.jpeg b/images/paris-p-2000.jpeg new file mode 100644 index 0000000..9b17863 Binary files /dev/null and b/images/paris-p-2000.jpeg differ diff --git a/images/paris-p-2600.jpeg b/images/paris-p-2600.jpeg new file mode 100644 index 0000000..5d8ff3c Binary files /dev/null and b/images/paris-p-2600.jpeg differ diff --git a/images/paris-p-500.jpeg b/images/paris-p-500.jpeg new file mode 100644 index 0000000..c8c1d3c Binary files /dev/null and b/images/paris-p-500.jpeg differ diff --git a/images/paris-p-800.jpeg b/images/paris-p-800.jpeg new file mode 100644 index 0000000..3991f0a Binary files /dev/null and b/images/paris-p-800.jpeg differ diff --git a/images/paris.jpg b/images/paris.jpg new file mode 100644 index 0000000..eb6f7e3 Binary files /dev/null and b/images/paris.jpg differ diff --git a/images/renewable-energy-p-1080.jpeg b/images/renewable-energy-p-1080.jpeg new file mode 100644 index 0000000..781615e Binary files /dev/null and b/images/renewable-energy-p-1080.jpeg differ diff --git a/images/renewable-energy-p-1600.jpeg b/images/renewable-energy-p-1600.jpeg new file mode 100644 index 0000000..7d9f273 Binary files /dev/null and b/images/renewable-energy-p-1600.jpeg differ diff --git a/images/renewable-energy-p-2000.jpeg b/images/renewable-energy-p-2000.jpeg new file mode 100644 index 0000000..ddfc7b0 Binary files /dev/null and b/images/renewable-energy-p-2000.jpeg differ diff --git a/images/renewable-energy-p-500.jpeg b/images/renewable-energy-p-500.jpeg new file mode 100644 index 0000000..3e40aea Binary files /dev/null and b/images/renewable-energy-p-500.jpeg differ diff --git a/images/renewable-energy-p-800.jpeg b/images/renewable-energy-p-800.jpeg new file mode 100644 index 0000000..f22217a Binary files /dev/null and b/images/renewable-energy-p-800.jpeg differ diff --git a/images/renewable-energy.jpg b/images/renewable-energy.jpg new file mode 100644 index 0000000..0f08e3f Binary files /dev/null and b/images/renewable-energy.jpg differ diff --git a/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-1080.jpeg b/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-1080.jpeg new file mode 100644 index 0000000..6eccf3c Binary files /dev/null and b/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-1080.jpeg differ diff --git a/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-1600.jpeg b/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-1600.jpeg new file mode 100644 index 0000000..71509d7 Binary files /dev/null and b/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-1600.jpeg differ diff --git a/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-2000.jpeg b/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-2000.jpeg new file mode 100644 index 0000000..5440a3d Binary files /dev/null and b/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-2000.jpeg differ diff --git a/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-500.jpeg b/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-500.jpeg new file mode 100644 index 0000000..f35d387 Binary files /dev/null and b/images/sandro-mattei-SLmVVwfH9Ig-unsplash-p-500.jpeg differ diff --git a/images/sandro-mattei-SLmVVwfH9Ig-unsplash.jpg b/images/sandro-mattei-SLmVVwfH9Ig-unsplash.jpg new file mode 100644 index 0000000..d0d12da Binary files /dev/null and b/images/sandro-mattei-SLmVVwfH9Ig-unsplash.jpg differ diff --git a/images/water-ressources-p-1080.jpeg b/images/water-ressources-p-1080.jpeg new file mode 100644 index 0000000..2622b1c Binary files /dev/null and b/images/water-ressources-p-1080.jpeg differ diff --git a/images/water-ressources-p-500.jpeg b/images/water-ressources-p-500.jpeg new file mode 100644 index 0000000..8ccb8e7 Binary files /dev/null and b/images/water-ressources-p-500.jpeg differ diff --git a/images/water-ressources.jpg b/images/water-ressources.jpg new file mode 100644 index 0000000..f0f2dc6 Binary files /dev/null and b/images/water-ressources.jpg differ diff --git a/images/webclip.png b/images/webclip.png new file mode 100644 index 0000000..f931875 Binary files /dev/null and b/images/webclip.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..6eda926 --- /dev/null +++ b/index.html @@ -0,0 +1,364 @@ + + + + + TEC International Export + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+ Home +
+
+
+
+
+
+ Services +
+
+
+
+
+
+ Company +
+
+
+
+
+
+ Contact +
+
+
+
+
+
+ Credits + Legal Mentions +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

WE

+
+
+

create

+
+
+

value

+
+
+
+
+

WE

+
+
+

create

+
+
+

value

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

WE

+
+
+

create

+
+
+

value

+
+
+
+
+

WE

+
+
+

BUILD

+
+
+

TRUST

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

WE

+
+
+

create

+
+
+

value

+
+
+
+
+

WE

+
+
+

deliver

+
+
+

results

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
Credits
+ + +
Legal Mentions
+ +
+
©TEC 2022
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/js/webflow.js b/js/webflow.js new file mode 100644 index 0000000..ecebac8 --- /dev/null +++ b/js/webflow.js @@ -0,0 +1,44 @@ +/*! + * Webflow: Front-end site library + * @license MIT + * Inline scripts may access the api using an async handler: + * var Webflow = Webflow || []; + * Webflow.push(readyFunction); + */!function(t){var e={};function r(n){if(e[n])return e[n].exports;var i=e[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)r.d(n,i,function(e){return t[e]}.bind(null,i));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=191)}([function(t,e,r){(function(e){var r=function(t){return t&&t.Math==Math&&t};t.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof e&&e)||function(){return this}()||Function("return this")()}).call(this,r(60))},function(t,e,r){var n=r(0),i=r(95).f,a=r(71),s=r(27),o=r(98),l=r(273),h=r(105);t.exports=function(t,e){var r,c,u,f,p,d=t.target,m=t.global,v=t.stat;if(r=m?n:v?n[d]||o(d,{}):(n[d]||{}).prototype)for(c in e){if(f=e[c],u=t.noTargetGet?(p=i(r,c))&&p.value:r[c],!h(m?c:d+(v?".":"#")+c,t.forced)&&void 0!==u){if(typeof f==typeof u)continue;l(f,u)}(t.sham||u&&u.sham)&&a(f,"sham",!0),s(r,c,f,t)}}},function(t,e){var r=Function.prototype,n=r.bind,i=r.call,a=n&&n.bind(i);t.exports=n?function(t){return t&&a(i,t)}:function(t){return t&&function(){return i.apply(t,arguments)}}},function(t,e){t.exports=function(t){return t&&t.__esModule?t:{default:t}}},function(t,e,r){var n=r(275);t.exports=function(t){return n(t.length)}},function(t,e){t.exports=function(t){return"function"==typeof t}},function(t,e,r){var n=r(0),i=r(148),a=r(17),s=r(99),o=r(147),l=r(146),h=i("wks"),c=n.Symbol,u=c&&c.for,f=l?c:c&&c.withoutSetter||s;t.exports=function(t){if(!a(h,t)||!o&&"string"!=typeof h[t]){var e="Symbol."+t;o&&a(c,t)?h[t]=c[t]:h[t]=l&&u?u(e):f(e)}return h[t]}},function(t,e,r){var n=r(0),i=r(96),a=n.Object;t.exports=function(t){return a(i(t))}},function(t,e,r){var n=r(6),i=r(36),a=r(18),s=n("unscopables"),o=Array.prototype;null==o[s]&&a.f(o,s,{configurable:!0,value:i(null)}),t.exports=function(t){o[s][t]=!0}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e){var r=Array.isArray;t.exports=r},function(t,e,r){var n=r(0),i=r(12),a=n.String,s=n.TypeError;t.exports=function(t){if(i(t))return t;throw s(a(t)+" is not an object")}},function(t,e,r){var n=r(5);t.exports=function(t){return"object"==typeof t?null!==t:n(t)}},function(t,e,r){"use strict";var n=r(56);Object.defineProperty(e,"__esModule",{value:!0});var i={IX2EngineActionTypes:!0,IX2EngineConstants:!0};e.IX2EngineConstants=e.IX2EngineActionTypes=void 0;var a=r(385);Object.keys(a).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(i,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return a[t]}}))});var s=r(175);Object.keys(s).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(i,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return s[t]}}))});var o=r(386);Object.keys(o).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(i,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return o[t]}}))});var l=r(387);Object.keys(l).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(i,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return l[t]}}))});var h=n(r(388));e.IX2EngineActionTypes=h;var c=n(r(389));e.IX2EngineConstants=c},function(t,e,r){"use strict";var n={},i={},a=[],s=window.Webflow||[],o=window.jQuery,l=o(window),h=o(document),c=o.isFunction,u=n._=r(193),f=n.tram=r(124)&&o.tram,p=!1,d=!1;function m(t){n.env()&&(c(t.design)&&l.on("__wf_design",t.design),c(t.preview)&&l.on("__wf_preview",t.preview)),c(t.destroy)&&l.on("__wf_destroy",t.destroy),t.ready&&c(t.ready)&&function(t){if(p)return void t.ready();if(u.contains(a,t.ready))return;a.push(t.ready)}(t)}function v(t){c(t.design)&&l.off("__wf_design",t.design),c(t.preview)&&l.off("__wf_preview",t.preview),c(t.destroy)&&l.off("__wf_destroy",t.destroy),t.ready&&c(t.ready)&&function(t){a=u.filter(a,function(e){return e!==t.ready})}(t)}f.config.hideBackface=!1,f.config.keepInherited=!0,n.define=function(t,e,r){i[t]&&v(i[t]);var n=i[t]=e(o,u,r)||{};return m(n),n},n.require=function(t){return i[t]},n.push=function(t){p?c(t)&&t():s.push(t)},n.env=function(t){var e=window.__wf_design,r=void 0!==e;return t?"design"===t?r&&e:"preview"===t?r&&!e:"slug"===t?r&&window.__wf_slug:"editor"===t?window.WebflowEditor:"test"===t?window.__wf_test:"frame"===t?window!==window.top:void 0:r};var y,g=navigator.userAgent.toLowerCase(),E=n.env.touch="ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch,b=n.env.chrome=/chrome/.test(g)&&/Google/.test(navigator.vendor)&&parseInt(g.match(/chrome\/(\d+)\./)[1],10),_=n.env.ios=/(ipod|iphone|ipad)/.test(g);n.env.safari=/safari/.test(g)&&!b&&!_,E&&h.on("touchstart mousedown",function(t){y=t.target}),n.validClick=E?function(t){return t===y||o.contains(t,y)}:function(){return!0};var x,S="resize.webflow orientationchange.webflow load.webflow";function T(t,e){var r=[],n={};return n.up=u.throttle(function(t){u.each(r,function(e){e(t)})}),t&&e&&t.on(e,n.up),n.on=function(t){"function"==typeof t&&(u.contains(r,t)||r.push(t))},n.off=function(t){r=arguments.length?u.filter(r,function(e){return e!==t}):[]},n}function A(t){c(t)&&t()}function I(){x&&(x.reject(),l.off("load",x.resolve)),x=new o.Deferred,l.on("load",x.resolve)}n.resize=T(l,S),n.scroll=T(l,"scroll.webflow resize.webflow orientationchange.webflow load.webflow"),n.redraw=T(),n.location=function(t){window.location=t},n.env()&&(n.location=function(){}),n.ready=function(){p=!0,d?(d=!1,u.each(i,m)):u.each(a,A),u.each(s,A),n.resize.up()},n.load=function(t){x.then(t)},n.destroy=function(t){t=t||{},d=!0,l.triggerHandler("__wf_destroy"),null!=t.domready&&(p=t.domready),u.each(i,v),n.resize.off(),n.scroll.off(),n.redraw.off(),a=[],s=[],"pending"===x.state()&&I()},o(n.ready),I(),t.exports=window.Webflow=n},function(t,e){var r=Function.prototype.call;t.exports=r.bind?r.bind(r):function(){return r.apply(r,arguments)}},function(t,e,r){var n=r(0),i=r(5);t.exports=function(t,e){return arguments.length<2?(r=n[t],i(r)?r:void 0):n[t]&&n[t][e];var r}},function(t,e,r){var n=r(2),i=r(7),a=n({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,e){return a(i(t),e)}},function(t,e,r){var n=r(0),i=r(20),a=r(149),s=r(11),o=r(68),l=n.TypeError,h=Object.defineProperty;e.f=i?h:function(t,e,r){if(s(t),e=o(e),s(r),a)try{return h(t,e,r)}catch(t){}if("get"in r||"set"in r)throw l("Accessors not supported");return"value"in r&&(t[e]=r.value),t}},function(t,e,r){var n=r(129),i="object"==typeof self&&self&&self.Object===Object&&self,a=n||i||Function("return this")();t.exports=a},function(t,e,r){var n=r(9);t.exports=!n(function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]})},function(t,e,r){var n=r(0),i=r(5),a=r(69),s=n.TypeError;t.exports=function(t){if(i(t))return t;throw s(a(t)+" is not a function")}},function(t,e,r){var n=r(2),i=r(21),a=n(n.bind);t.exports=function(t,e){return i(t),void 0===e?t:a?a(t,e):function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}},function(t,e,r){var n=r(40),i=r(96);t.exports=function(t){return n(i(t))}},function(t,e,r){var n=r(22),i=r(2),a=r(40),s=r(7),o=r(4),l=r(43),h=i([].push),c=function(t){var e=1==t,r=2==t,i=3==t,c=4==t,u=6==t,f=7==t,p=5==t||u;return function(d,m,v,y){for(var g,E,b=s(d),_=a(b),x=n(m,v),S=o(_),T=0,A=y||l,I=e?A(d,S):r||f?A(d,0):void 0;S>T;T++)if((p||T in _)&&(E=x(g=_[T],T,b),t))if(e)I[T]=E;else if(E)switch(t){case 3:return!0;case 5:return g;case 6:return T;case 2:h(I,g)}else switch(t){case 4:return!1;case 7:h(I,g)}return u?-1:i||c?c:I}};t.exports={forEach:c(0),map:c(1),filter:c(2),some:c(3),every:c(4),find:c(5),findIndex:c(6),filterReject:c(7)}},function(t,e,r){"use strict";var n=r(9);t.exports=function(t,e){var r=[][t];return!!r&&n(function(){r.call(null,e||function(){throw 1},1)})}},function(t,e,r){var n=r(0),i=r(5),a=r(17),s=r(71),o=r(98),l=r(72),h=r(41),c=r(150).CONFIGURABLE,u=h.get,f=h.enforce,p=String(String).split("String");(t.exports=function(t,e,r,l){var h,u=!!l&&!!l.unsafe,d=!!l&&!!l.enumerable,m=!!l&&!!l.noTargetGet,v=l&&void 0!==l.name?l.name:e;i(r)&&("Symbol("===String(v).slice(0,7)&&(v="["+String(v).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),(!a(r,"name")||c&&r.name!==v)&&s(r,"name",v),(h=f(r)).source||(h.source=p.join("string"==typeof v?v:""))),t!==n?(u?!m&&t[e]&&(d=!0):delete t[e],d?t[e]=r:s(t,e,r)):d?t[e]=r:o(e,r)})(Function.prototype,"toString",function(){return i(this)&&u(this).source||l(this)})},function(t,e,r){var n=r(197),i=r(251),a=r(93),s=r(10),o=r(260);t.exports=function(t){return"function"==typeof t?t:null==t?a:"object"==typeof t?s(t)?i(t[0],t[1]):n(t):o(t)}},function(t,e,r){var n=r(209),i=r(214);t.exports=function(t,e){var r=i(t,e);return n(r)?r:void 0}},function(t,e){t.exports=function(t){return null!=t&&"object"==typeof t}},function(t,e,r){var n,i,a=r(0),s=r(32),o=a.process,l=a.Deno,h=o&&o.versions||l&&l.version,c=h&&h.v8;c&&(i=(n=c.split("."))[0]>0&&n[0]<4?1:+(n[0]+n[1])),!i&&s&&(!(n=s.match(/Edge\/(\d+)/))||n[1]>=74)&&(n=s.match(/Chrome\/(\d+)/))&&(i=+n[1]),t.exports=i},function(t,e,r){var n=r(16);t.exports=n("navigator","userAgent")||""},function(t,e,r){var n=r(21);t.exports=function(t,e){var r=t[e];return null==r?void 0:n(r)}},function(t,e){var r=Math.ceil,n=Math.floor;t.exports=function(t){var e=+t;return e!=e||0===e?0:(e>0?n:r)(e)}},function(t,e,r){var n=r(49);t.exports=Array.isArray||function(t){return"Array"==n(t)}},function(t,e,r){var n,i=r(11),a=r(281),s=r(104),o=r(73),l=r(155),h=r(100),c=r(101),u=c("IE_PROTO"),f=function(){},p=function(t){return" + + + + + + + + + + +
+ +
+
+
+ Home +
+
+
+
+
+
+ Services +
+
+
+
+
+
+ Company +
+
+
+
+
+
+ Contact +
+
+
+
+
+
+ Credits + Legal Mentions +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Legal mentions

+
+
+
+
PUBLISHER
+

TEC International Export SAS
With social capital of € 1 411 000
441 315 058 R.C.S. Paris
Publication Director: Thomas Lanzenberg
Address: 123 boulevard Murat - 75016 PARIS - FRANCE
Email: info@tecintex.com
Phone: +33 1 47 43 12 08
‍

+
HOSTING COMPANY
+

Webflow, Inc.
398 11th Street, 2nd Floor
San Francisco, CA 94103
+ contact@webflow.com
‍ +

+
CONTENT
+

All content on this site is the exclusive property of the publisher. Any total or partial representation of this site/content, irrespective of the method, without prior authorization of the publisher, is prohibited and constitutes counterfeiting sanctioned by articles L.335-2 et seq. of the French Intellectual Property Code.
The publisher may not be rendered liable for outbound links.
Hypertext links directing to this site are not permitted without the express authorization of the publisher.
‍

+
COOKIES
+

This site uses cookies. A cookie is a small file stored on your computer. Once you agree to allow our website to use cookies, you also agree to use the data it collects regarding your online behavior (analyze web traffic, web pages you spend the most time on, and websites you visit).
We use Google Analytics, a service to analyze websites provided by Google Inc. (“Google”). Google Analytics uses cookies, which are text files stored on your computer, to help the website analyze the usage of the site by its users. You can deactivate cookies by selecting the appropriate settings on your browser. However, deactivating them can interfere with certain features of this website. By using this website, you are expressly consenting to Google’s processing of your data for the purposes described above.
‍

+
PERSONAL DATA
+

TEC International Export will not lease, sell or distribute your personal information to any third parties, unless we have your permission. We might do so if the law forces us. Your personal information will be used when we need to send you promotional materials if you agree to this privacy policy.

+
+
+
+
+ +
Credits
+ + +
Legal Mentions
+ +
+
©TEC 2022
+
+
+
+
+
+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/process-form.php b/process-form.php new file mode 100644 index 0000000..84f692c --- /dev/null +++ b/process-form.php @@ -0,0 +1,76 @@ + 'tlanzenberg@gmail.com'], ['Email' => 'test@cubedesigners.com']]; +// $recipients = [['Email' => 'mailjet@tecintex.com']]; + +//=================================================================== + +$fields = []; +$_POST['Message'] = nl2br($_POST['Message']); + +foreach($_POST as $label => $value) { + $label = str_replace('_', ' ', $label); // Remove underscores added by FormData object + $value = empty($value) ? '—' : $value; + $fields[] = "$label:$value"; +} + +$fields_data = implode("\n", $fields); +$date = date('Y-m-d @ H:i'); + +$message = <<Contact form submission from the TEC International Export website:

+
+ + $fields_data +
+
+
+

Submission Date: $date +HTML; + + +$body = [ + 'Messages' => [ + [ + 'From' => [ + 'Email' => 'info@tecintex.com', + 'Name' => 'TEC International Export' + ], + 'To' => $recipients, + 'Subject' => $_POST['Subject'] ?? 'Website contact form submission', + 'HTMLPart' => $message, + 'CustomID' => 'ContactForm' + ] + ] +]; + +// Using CURL for the Mailjet API because it's the most lightweight approach for this project (no Composer) + +$ch = curl_init(); + +curl_setopt($ch, CURLOPT_URL, "https://api.mailjet.com/v3.1/send"); +curl_setopt($ch, CURLOPT_POST, 1); +curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($body)); +curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); +curl_setopt($ch, CURLOPT_HTTPHEADER, array( + 'Content-Type: application/json') +); +curl_setopt($ch, CURLOPT_USERPWD, "{$api_key}:{$secret_key}"); +$server_output = curl_exec($ch); +curl_close ($ch); + +$response = json_decode($server_output); +if (isset($response->Messages[0]->Status) && $response->Messages[0]->Status == 'success') { + http_response_code(200); + header('Content-Type: application/json; charset=utf-8'); + echo json_encode(['message' => 'Thank you! Your submission has been received!']); +} else { + http_response_code(500); + var_dump($response); +} diff --git a/services.html b/services.html new file mode 100644 index 0000000..4074373 --- /dev/null +++ b/services.html @@ -0,0 +1,269 @@ + + + + + TEC International Export : Our Services + + + + + + + + + + + + + + + + + + + + + + + +

+ +
+
+
+ Home +
+
+
+
+
+
+ Services +
+
+
+
+
+
+ Company +
+
+
+
+
+
+ Contact +
+
+
+
+
+
+ Credits + Legal Mentions +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Our vision and determination saw the international trading company diversifying its wings to various major business lines:

+
+
+
+
+
+
+
+
+
+

01

+
+

Oil & Gas
Equipment

+

Suppliers research and fast sourcing for shortage, obsolete, and hard-to-find industrial parts and equipment worldwide.

+
+
+
+
+
+
+
+
+
+
+

02

+
+

Renewable
Energies

+

Putting our beliefs and skills at the service of a solid source of growth in wealth and well-being, as part of an efficient and sustainable economy is an exciting challenge.

+
+
+
+
+
+
+
+
+
+

03

+
+

Agriculture
& Livestock

+

Contributing to the development of populations by providing high quality agriculture and livestock is our main driving force.

+
+
+
+
+
+
+
+
+
+

04

+
+

Water
Resources

+

Finding fresh and sustainable groundwater is crucial. This is a revolutionary water exploration technology that maps undiscovered aquifers and covers large areas in limited time.

+
+
+
+
+
+
+
+
+
+

05

+
+

Digital Transformation

+

The digital transformation of public administrations is good for a country and its citizens. In fact, the implementation of digital technology within public institutions is an opportunity that should be exploited as soon as possible.

+
+
+
+
+
+
+
+
+
+

06

+
+

Engineering
& Construction

+

We believe in the power of construction to change the world. By leveraging future technology into what we build that is also eco-friendly, we are raising the bar for value that can be derived from construction projects.

+
+
+
+
+
+
+
+
+
+

07

+
+

Oil
Distribution

+

We are principally engaged in the export sales of refined petroleum products, such as diesel and gasoline, from Niger. We aim to become a leading company in bunkering operations in the Mediterranean region.

+
+
+
+
+ +
Credits
+ + +
Legal Mentions
+ +
+
©TEC 2022
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + \ No newline at end of file