/*
Theme Name: technosubjobs
Theme URI: 
Author: l'Agence secrète
Author URI: https://www.agencesecrete.com
Description: 
Requires at least: 5.8
Tested up to: 6.2
Requires PHP: 5.7
Version: 0.0.32
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: 
Text Domain: technosubjobs
Tags: 
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Font-Face

# General
	## Loader
	## Normalize
	## Typography
	## Elements
	## Forms
	## Navigation
		### Links
		### Menus
	## Accessibility
	## Alignments
	## Clearings
	## Content
		### Posts and pages
		### Comments
	## Infinite scroll
	## Media
		### Captions
		### Galleries
# Modules
	## Module - Layout
	## Module - Themes
	## Module - Buttons
# Pages
	## Front page
	## Articles
# Blocs
# Templates
	## Template - Header
	## Template - Footer
	## Template - Page
	## Template - Carrière
	## Template - Sidebar
	## Template - 404
# Template parts
	## Template - Content
	## Template - Pagination
# Components
	## Component - Social-networks
# Plugins
	## Plugin - SiteOrigin Panels
	## Plugin - Gravity Form
	## Plugin - Slick
	## Plugin - FontAwesome
# Media Query
--------------------------------------------------------------*/

/*--------------------------------------------------------------
>>> Font-face - Helvetica Neue Family
----------------------------------------------------------------*/
@font-face{
	/*Helvetica Neue LT 25 Ultra Light*/
	font-family:"Helvetica Neue";
	font-weight: 100;
	font-style: normal;
	src:url("assets/fonts/1488854/e206f16e-f3ae-45eb-b7a9-c0a42ed7537f.woff2") format("woff2"),url("assets/fonts/1488854/f4d1bafa-befd-4f3f-ba25-7c0f77c6651e.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 26 Ultra Light Italic*/
	font-family:"Helvetica Neue";
	font-weight: 100;
	font-style: italic;
	src:url("assets/fonts/1488860/91faf02a-e602-411f-8235-45b42c914e41.woff2") format("woff2"),url("assets/fonts/1488860/a5919350-0aef-4bd2-9809-88c50c764770.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 35 Thin*/
	font-family:"Helvetica Neue";
	font-weight: 200;
	font-style: normal;
	src:url("assets/fonts/1488866/4ff9f3fa-9221-4fc5-97e6-93572b6efa24.woff2") format("woff2"),url("assets/fonts/1488866/ca8d25cd-e264-4404-b271-4afc45c779c4.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 36 Thin Italic*/
	font-family:"Helvetica Neue";
	font-weight: 200;
	font-style: italic;
	src:url("assets/fonts/1488872/a9445981-191b-46c7-866c-acb67f9cc1db.woff2") format("woff2"),url("assets/fonts/1488872/a0e9ae86-436e-483a-8201-6c694e90e9ee.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 45 Light*/
	font-family:"Helvetica Neue";
	font-weight: 300;
	font-style: normal;
	src:url("assets/fonts/1488878/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2"),url("assets/fonts/1488878/50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 46 Light Italic*/
	font-family:"Helvetica Neue";
	font-weight: 300;
	font-style: italic;
	src:url("assets/fonts/1488884/261b4efb-3d70-4965-977d-38af9422700d.woff2") format("woff2"),url("assets/fonts/1488884/2e00514e-1764-4250-a0c5-aca3e5a8d133.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 55 Roman*/
	font-family:"Helvetica Neue";
	font-weight: 400;
	font-style: normal;
	src:url("assets/fonts/1488890/3dac71eb-afa7-4c80-97f0-599202772905.woff2") format("woff2"),url("assets/fonts/1488890/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 56 Roman Italic*/
	font-family:"Helvetica Neue";
	font-weight: 400;
	font-style: italic;
	src:url("assets/fonts/1488896/21c44514-f4d6-4cff-a5de-e4cac5e61aff.woff2") format("woff2"),url("assets/fonts/1488896/e7c4b231-76ad-47c7-a54b-5d84dcd78d0f.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 65 Medium*/
	font-family:"Helvetica Neue";
	font-weight: 500;
	font-style: normal;
	src:url("assets/fonts/1488902/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2") format("woff2"),url("assets/fonts/1488902/050b1948-f226-4d20-a65a-15d8ed031222.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 66 Medium Italic*/
	font-family:"Helvetica Neue";
	font-weight: 500;
	font-style: italic;
	src:url("assets/fonts/1488908/657c2fa4-585b-4761-9e2e-65ab13159323.woff2") format("woff2"),url("assets/fonts/1488908/400869f0-f0d5-49a0-8a11-f4fb4279d125.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 75 Bold*/
	font-family:"Helvetica Neue";
	font-weight: 600;
	font-style: normal;
	src:url("assets/fonts/1488914/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"),url("assets/fonts/1488914/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 76 Bold Italic*/
	font-family:"Helvetica Neue";
	font-weight: 600;
	font-style: italic;
	src:url("assets/fonts/1488920/ade4dbae-c607-4c84-a375-f0c4de0cc357.woff2") format("woff2"),url("assets/fonts/1488920/5b864741-6f14-4ed9-a297-27a4d73edf51.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 85 Heavy*/
	font-family:"Helvetica Neue";
	font-weight: 700;
	font-style: normal;
	src:url("assets/fonts/1488926/dd7814bd-8abf-46c5-a4be-db0977de2cca.woff2") format("woff2"),url("assets/fonts/1488926/20ffa4b4-0154-4ca6-800c-468cecbd60f1.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 86 Heavy Italic*/
	font-family:"Helvetica Neue";
	font-weight: 700;
	font-style: italic;
	src:url("assets/fonts/1488932/a1ce96fc-e8fa-4118-8a5c-e06d8d094e56.woff2") format("woff2"),url("assets/fonts/1488932/c577fdb4-0e4a-4767-aa14-5510cf2c8fa4.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 95 Black*/
	font-family:"Helvetica Neue";
	font-weight: 800;
	font-style: normal;
	src:url("assets/fonts/1488938/bd8486cc-4614-412d-ba1d-15e1a7c9fada.woff2") format("woff2"),url("assets/fonts/1488938/a7bdf5a9-752e-4e69-b17c-b7e62575b07a.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 96 Black Italic*/
	font-family:"Helvetica Neue";
	font-weight: 800;
	font-style: italic;
	src:url("assets/fonts/1488944/42535969-7bc6-4047-b3ce-bd8aea29420c.woff2") format("woff2"),url("assets/fonts/1488944/35e69fef-20b6-4357-b3a2-075224efa08a.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 27 Condensed Ultra Light*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 100;
	font-style: normal;
	src:url("assets/fonts/1488956/d6f92a91-b2ac-4e80-a3e7-930719d81079.woff2") format("woff2"),url("assets/fonts/1488956/cabea84c-04f4-424a-a992-d75f0b372af0.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 27 Condensed Ultra Light Italic*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 100;
	font-style: italic;
	src:url("assets/fonts/2999006/83b9d78a-d299-4ea0-af62-62f1b25f3343.woff2") format("woff2"),url("assets/fonts/2999006/a3c725b9-0ea8-4d86-8fcd-c1f39445aaf4.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 37 Condensed Thin*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 200;
	font-style: normal;
	src:url("assets/fonts/1488962/6d5ceb9f-137b-47e3-8438-465de99acf5a.woff2") format("woff2"),url("assets/fonts/1488962/627c276f-a6d6-4f1e-952a-460f1863ac23.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 37 Condensed Thin Italic*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 200;
	font-style: italic;
	src:url("assets/fonts/1488968/f5ea622c-b137-460e-8f4b-16b38240c473.woff2") format("woff2"),url("assets/fonts/1488968/d477d3c5-9380-4e12-b27e-e593615893d8.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 47 Condensed Light*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 300;
	font-style: normal;
	src:url("assets/fonts/1488974/244ff804-5735-41ed-92a1-ce5438185e9c.woff2") format("woff2"),url("assets/fonts/1488974/9cd26200-0d62-40ef-94b8-46fd1d8b255f.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 47 Condensed Light Italic*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 300;
	font-style: italic;
	src:url("assets/fonts/1488980/c6c74d5e-aa58-4006-85a0-27096c6827b8.woff2") format("woff2"),url("assets/fonts/1488980/5fccf761-c079-464e-8a75-d60112d84d26.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 57 Condensed Roman*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 400;
	font-style: normal;
	src:url("assets/fonts/1488986/946b2f3f-a9d7-47e4-9738-ee963004d697.woff2") format("woff2"),url("assets/fonts/1488986/ce90a9c3-4580-4fa7-b453-9a4e86d0c271.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 57 Condensed Roman Italic*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 400;
	font-style: italic;
	src:url("assets/fonts/1488992/c105a2ab-affc-4d8b-af03-a091adb0ce8d.woff2") format("woff2"),url("assets/fonts/1488992/4fe57c2d-a37a-4c08-8264-0dcda238b39e.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 67 Condensed Medium*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 500;
	font-style: normal;
	src:url("assets/fonts/1488998/108e1ff6-3205-4c92-9aa5-9abb2823fe92.woff2") format("woff2"),url("assets/fonts/1488998/f61c722b-9236-445e-bb7e-eeb1009cd627.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 67 Condensed Medium Italic*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 500;
	font-style: italic;
	src:url("assets/fonts/1489004/4ed8935f-c60a-4861-aa65-33dc913e917b.woff2") format("woff2"),url("assets/fonts/1489004/9604fe50-0916-42ef-aa87-db805fc07cf7.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 77 Condensed Bold*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 600;
	font-style: normal;
	src:url("assets/fonts/1489010/5f4620bc-98f7-4b13-9f90-3a54ea6a9c55.woff2") format("woff2"),url("assets/fonts/1489010/ac30e84e-cb19-4576-b6f9-491fccbd42ff.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 77 Condensed Bold Italic*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 600;
	font-style: italic;
	src:url("assets/fonts/1489016/a2957f2d-9b3b-4aea-b86c-bba81fc8128e.woff2") format("woff2"),url("assets/fonts/1489016/879d541c-7f90-4fe6-93c4-453ee22fa15e.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 87 Condensed Heavy*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 700;
	font-style: normal;
	src:url("assets/fonts/1489022/835c9867-49fd-49c6-ad61-f6e4e47e17fa.woff2") format("woff2"),url("assets/fonts/1489022/0c4dfc49-f798-458f-be90-e1d5a3e65f48.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 87 Condensed Heavy Italic*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 700;
	font-style: italic;
	src:url("assets/fonts/1489028/553e628a-a8fd-435f-bb45-83e721924cf9.woff2") format("woff2"),url("assets/fonts/1489028/2dc6275e-59c0-4e63-849f-4c0261be9817.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 97 Condensed Black*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 800;
	font-style: normal;
	src:url("assets/fonts/1489034/d38cc1e3-5680-4390-8f60-78901d6e375b.woff2") format("woff2"),url("assets/fonts/1489034/04d98c2f-b101-4363-976a-6581c5acf5d8.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 97 Condensed Black Italic*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 800;
	font-style: italic;
	src:url("assets/fonts/1489040/cbd423a2-b084-4db7-aeb1-e5419cbe11d1.woff2") format("woff2"),url("assets/fonts/1489040/4eb7368f-163e-4f0f-a3c5-4e4294788f84.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 107 Condensed Extra Black*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 900;
	font-style: normal;
	src:url("assets/fonts/1489046/931ee3cf-83a1-4ca5-b091-97c58c39a850.woff2") format("woff2"),url("assets/fonts/1489046/e08521db-2fd8-4bc6-9294-0e563b179db9.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 107 Condensed Extra Black Italic*/
	font-family:"Helvetica Neue Condensed";
	font-weight: 900;
	font-style: italic;
	src:url("assets/fonts/2999012/2d0587fa-064d-4831-9f0d-d559226a8588.woff2") format("woff2"),url("assets/fonts/2999012/c7e5065a-194f-48d7-a1f5-4018044110d3.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 23 Extended Ultra Light*/
	font-family:"Helvetica Neue Extended";
	font-weight: 100;
	font-style: normal;
	src:url("assets/fonts/1489052/93cd6348-8654-462a-ae99-efe76b2d1846.woff2") format("woff2"),url("assets/fonts/1489052/f41c48d5-ca7a-4eba-92fa-5aa250ced535.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 23 Extended Ultra Light Italic*/
	font-family:"Helvetica Neue Extended";
	font-weight: 100;
	font-style: italic;
	src:url("assets/fonts/2999018/4c3ac82d-4402-463e-9e83-10e0bd9b3880.woff2") format("woff2"),url("assets/fonts/2999018/088511c5-6187-4d7c-bc80-e577594ead61.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 33 Extended Thin*/
	font-family:"Helvetica Neue Extended";
	font-weight: 200;
	font-style: normal;
	src:url("assets/fonts/1489058/76623803-2b62-4c34-be21-c81ead28b379.woff2") format("woff2"),url("assets/fonts/1489058/327669a6-efac-4cce-9e96-13dd2d2e680e.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 33 Extended Thin Italic*/
	font-family:"Helvetica Neue Extended";
	font-weight: 200;
	font-style: italic;
	src:url("assets/fonts/1489064/85f75fee-ac4a-40f2-b415-9ae8a47c6633.woff2") format("woff2"),url("assets/fonts/1489064/5b4d4a20-8288-4c7f-b6c4-1fe8bfd8891c.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 43 Extended Light*/
	font-family:"Helvetica Neue Extended";
	font-weight: 300;
	font-style: normal;
	src:url("assets/fonts/1489070/6f4e20fa-fcf0-43cb-a690-33d704556f9c.woff2") format("woff2"),url("assets/fonts/1489070/5c9994cb-9ea4-4a97-bdea-8b44e3f33b7c.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 43 Extended Light Italic*/
	font-family:"Helvetica Neue Extended";
	font-weight: 300;
	font-style: italic;
	src:url("assets/fonts/1489076/a0cb8c29-22b5-4090-81ed-b2a4307369bc.woff2") format("woff2"),url("assets/fonts/1489076/ecf77a15-58d8-4faa-87ff-8e43a1743e87.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 53 Extended Roman*/
	font-family:"Helvetica Neue Extended";
	font-weight: 400;
	font-style: normal;
	src:url("assets/fonts/1489082/31304da2-88d9-493d-83f1-5156d19202aa.woff2") format("woff2"),url("assets/fonts/1489082/a0bbbce9-cbea-4aa1-83c3-6aaa0d57d432.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 53 Extended Roman Italic*/
	font-family:"Helvetica Neue Extended";
	font-weight: 400;
	font-style: italic;
	src:url("assets/fonts/1489088/6f7d6684-2850-415e-ab5d-0d3e59faa6f3.woff2") format("woff2"),url("assets/fonts/1489088/4cf47e0e-b6f7-4596-9e4e-e6175d6c11f3.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 63 Extended Medium*/
	font-family:"Helvetica Neue Extended";
	font-weight: 500;
	font-style: normal;
	src:url("assets/fonts/1489094/5f5c557c-b5a1-4c1b-86ae-aa0681e1abe4.woff2") format("woff2"),url("assets/fonts/1489094/10238a7f-3b49-4835-a12c-0eb7ed3391ac.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 63 Extended Medium Italic*/
	font-family:"Helvetica Neue Extended";
	font-weight: 500;
	font-style: italic;
	src:url("assets/fonts/1489100/31fd71a3-931e-4b14-82d6-bcd35e89da92.woff2") format("woff2"),url("assets/fonts/1489100/20e2e61c-1e8a-43c4-a975-f2dc571947f4.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 73 Extended Bold*/
	font-family:"Helvetica Neue Extended";
	font-weight: 600;
	font-style: normal;
	src:url("assets/fonts/1489106/b73a7721-ce68-4068-be2f-e354675b54c0.woff2") format("woff2"),url("assets/fonts/1489106/1be79393-9ab6-4f5e-8ff8-786d00be4238.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 73 Extended Bol Italic*/
	font-family:"Helvetica Neue Extended";
	font-weight: 600;
	font-style: italic;
	src:url("assets/fonts/1489112/e684b640-0dbd-4029-91c5-d2379eaef58c.woff2") format("woff2"),url("assets/fonts/1489112/95cea6d2-d346-4b58-925a-18b969289a10.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 83 Extended Heavy*/
	font-family:"Helvetica Neue Extended";
	font-weight: 700;
	font-style: normal;
	src:url("assets/fonts/1489118/87a62eb9-e7af-42c9-b6d2-e3c154997dd6.woff2") format("woff2"),url("assets/fonts/1489118/659b21e7-6bc3-44c5-b5a0-1f5a61c63b97.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 83 Extended Heavy Italic*/
	font-family:"Helvetica Neue Extended";
	font-weight: 700;
	font-style: italic;
	src:url("assets/fonts/1489124/7cd933e3-a82a-4a8b-b404-adb435609ab4.woff2") format("woff2"),url("assets/fonts/1489124/fbac18e8-bb66-4140-a6a0-6d7910c31e3a.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 93 Extended Black*/
	font-family:"Helvetica Neue Extended";
	font-weight: 800;
	font-style: normal;
	src:url("assets/fonts/1489130/7de87fb1-de1f-45c3-adef-b60ed40c7beb.woff2") format("woff2"),url("assets/fonts/1489130/86c987f4-96f9-4452-bdac-b02d0d3dd276.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 93 Extended Black Italic*/
	font-family:"Helvetica Neue Extended";
	font-weight: 800;
	font-style: italic;
	src:url("assets/fonts/1489136/1edab3f1-4382-4061-aad6-5e87642f0c01.woff2") format("woff2"),url("assets/fonts/1489136/a3b4c2aa-707b-4adc-8019-6a801aa8c476.woff") format("woff");
}
@font-face{
	/*Helvetica Neue LT 75 Bold Outline*/
	font-family:"Helvetica Neue Outline";
	font-weight: 700;
	font-style: normal;
	src:url("assets/fonts/1488950/9ee0873c-9714-4d70-885e-d886b42a2089.woff2") format("woff2"),url("assets/fonts/1488950/3b5acf42-062d-4f4b-ba86-4ecec66620f2.woff") format("woff");
}

/*

OLD FONT-FACE CALLS
** Retirer toutes les instructions lorsque le code aura été nettoyé

*/
@font-face {
	/* Neue Helvetica W05 33 Extended Thin */
	font-family: "Helvetica Neue LT Std";
	font-weight: 200;
	font-style: normal;
	font-display: swap;
	src: url("assets/fonts/HelveticaNeueLTStd-ThEx.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLTStd-ThEx.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 33 Extended Thin Oblique */
	font-family: "Helvetica Neue LT Std";
	font-weight: 200;
	font-style: italic;
	font-display: swap;
	src: url("assets/fonts/HelveticaNeueLTStd-ThExO.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLTStd-ThExO.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 43 Extended Light */
	font-family: "Helvetica Neue LT Std";
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url("assets/fonts/HelveticaNeueLTStd-LtEx.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLTStd-LtEx.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 43 Extended Light Oblique */
	font-family: "Helvetica Neue LT Std";
	font-weight: 300;
	font-style: italic;
	font-display: swap;
	src: url("assets/fonts/HelveticaNeueLTStd-LtExO.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLTStd-LtExO.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 63 Extended Medium Oblique */
	font-family: "Helvetica Neue LT Std";
	font-weight: 500;
	font-style: italic;
	font-display: swap;
	src: url("assets/fonts/HelveticaNeueLTStd-MdExO.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLTStd-MdExO.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 73 Extended Bold */
	font-family: "Helvetica Neue LT Std";
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("assets/fonts/HelveticaNeueLTStd-BdEx.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLTStd-BdEx.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 73 Extended Bold Oblique */
	font-family: "Helvetica Neue LT Std";
	font-weight: 600;
	font-style: italic;
	font-display: swap;
	src: url("assets/fonts/HelveticaNeueLTStd-BdExO.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLTStd-BdExO.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 83 Extended Heavy */
	font-family: "Helvetica Neue LT Std";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("assets/fonts/HelveticaNeueLTStd-HvEx.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLTStd-HvEx.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 83 Extended Heavy Oblique */
	font-family: "Helvetica Neue LT Std";
	font-weight: 900;
	font-style: italic;
	font-display: swap;
	src: url("assets/fonts/HelveticaNeueLTStd-HvExO.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLTStd-HvExO.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 93 Extended Black */
	font-family: "Helvetica Neue LT Std";
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url("assets/fonts/HelveticaNeueLTStd-BlkEx.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLTStd-BlkEx.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 93 Extended Black Oblique */
	font-family: "Helvetica Neue LT Std";
	font-weight: 900;
	font-style: italic;
	font-display: swap;
	src: url("assets/fonts/HelveticaNeueLTStd-BlkExO.woff2") format("woff2"), url("assets/fonts/HelveticaNeueLTStd-BlkExO.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 25 Ultra Light  */
	font-family: "Helvetica Neue Roman";
	font-weight: 100;
	font-style: normal;
	src: url("assets/fonts/5664081/7d63ccf8-e0ae-4dee-ad4d-bbc798aa5803.woff2") format("woff2"), url("assets/fonts/5664081/b2c1327f-ab3d-4230-93d7-eee8596e1498.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 26 Ultra Light Italic  */
	font-family: "Helvetica Neue Roman";
	font-weight: 100;
	font-style: italic;
	src: url("assets/fonts/5664067/2a7e8f89-c0b2-4334-9c34-7a2078d2b959.woff2") format("woff2"), url("assets/fonts/5664067/32aad9d8-5fec-4b9d-ad53-4cf7a5b53698.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 35 Thin  */
	font-family: "Helvetica Neue Roman";
	font-weight: 200;
	font-style: normal;
	src: url("assets/fonts/5664070/ec6281a0-c9c4-4477-a360-156acd53093f.woff2") format("woff2"), url("assets/fonts/5664070/11066b40-10f7-4123-ba58-d9cbf5e89ceb.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 36 Thin Italic  */
	font-family: "Helvetica Neue Roman";
	font-weight: 200;
	font-style: italic;
	src: url("assets/fonts/5664077/2707a251-2d32-4bb6-a3c4-87114ba2365f.woff2") format("woff2"), url("assets/fonts/5664077/40f50724-486b-4e7b-9366-237e06eabfc8.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 45 Light  */
	font-family: "Helvetica Neue Roman";
	font-weight: 300;
	font-style: normal;
	src: url("assets/fonts/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"), url("assets/fonts/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 46 Light Italic  */
	font-family: "Helvetica Neue Roman";
	font-weight: 300;
	font-style: italic;
	src: url("assets/fonts/5664089/5e4f385b-17ff-4d27-a63a-9ee28546c9a8.woff2") format("woff2"), url("assets/fonts/5664089/116cde47-4a07-44a5-9fac-cbdcc1f14f79.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 55 Roman  */
	font-family: "Helvetica Neue Roman";
	font-weight: 400;
	font-style: normal;
	src: url("assets/fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"), url("assets/fonts/5664093/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 56 Italic  */
	font-family: "Helvetica Neue Roman";
	font-weight: 400;
	font-style: italic;
	src: url("assets/fonts/5664098/4bd56f95-e7ab-4a32-91fd-b8704cbd38bc.woff2") format("woff2"), url("assets/fonts/5664098/4fe1c328-1f21-434a-8f0d-5e0cf6c70dfb.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 65 Medium  */
	font-family: "Helvetica Neue Roman";
	font-weight: 500;
	font-style: normal;
	src: url("assets/fonts/5664103/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"), url("assets/fonts/5664103/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 66 Medium Italic  */
	font-family: "Helvetica Neue Roman";
	font-weight: 500;
	font-style: italic;
	src: url("assets/fonts/5664107/de68be2a-5d0e-4b8d-b3eb-940f75503e2a.woff2") format("woff2"), url("assets/fonts/5664107/31029e78-79a0-4940-b82d-2e3c238e1355.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 75 Bold  */
	font-family: "Helvetica Neue Roman";
	font-weight: 700;
	font-style: normal;
	src: url("assets/fonts/5664150/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"), url("assets/fonts/5664150/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 76 Bold Italic  */
	font-family: "Helvetica Neue Roman";
	font-weight: 700;
	font-style: italic;
	src: url("assets/fonts/5664111/13ab58b4-b5ba-4c95-afde-ab2608fbbbd9.woff2") format("woff2"), url("assets/fonts/5664111/5018b5b5-c821-4653-bc74-d0b11d735f1a.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 85 Heavy  */
	font-family: "Helvetica Neue Roman";
	font-weight: 800;
	font-style: normal;
	src: url("assets/fonts/5664115/7e42a406-9133-48c0-a705-4264ac520b43.woff2") format("woff2"), url("assets/fonts/5664115/837750e9-3227-455d-a04e-dc76764aefcf.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 86 Heavy Italic  */
	font-family: "Helvetica Neue Roman";
	font-weight: 800;
	font-style: italic;
	src: url("assets/fonts/5664119/0acba88f-0de4-4d43-81fd-920d7427f665.woff2") format("woff2"), url("assets/fonts/5664119/713c9c40-9cbd-4276-819e-d0efaf5d3923.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 95 Black  */
	font-family: "Helvetica Neue Roman";
	font-weight: 900;
	font-style: normal;
	src: url("assets/fonts/5664121/fc4fb6ca-f981-4115-b882-c78e9f08be52.woff2") format("woff2"), url("assets/fonts/5664121/6ed03453-f512-45ba-84bf-fe4ea45d5e6a.woff") format("woff");
}
@font-face {
	/* Neue Helvetica W05 96 Black Italic  */
	font-family: "Helvetica Neue Roman";
	font-weight: 900;
	font-style: italic;
	src: url("assets/fonts/5664128/995add04-59cc-41ea-abd2-4712eaddf2a8.woff2") format("woff2"), url("assets/fonts/5664128/7090e465-f6bf-4664-8b5a-d877a6915d87.woff") format("woff");
}
/*

END OLD FONT-FACE CALLS

*/


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

:root {
	--couleur-primaire: #1485c9;
	--couleur-secondaire: #999999;
	--couleur-tertiaire: #1a1a1a;
	--font-primaire: "Helvetica Neue LT Std", sans-serif;
	/* Deviendra "Helvetica Neue Extended" lorsque le code aura été nettoyé */
	/* --font-primaire: "Helvetica Neue Extended", sans-serif; */
	--font-secondaire: "Helvetica Neue Roman", sans-serif;
	/* Deviendra "Helvetica Neue" lorsque le code aura été nettoyé */
	/* --font-secondaire: "Helvetica Neue", sans-serif; */
	--font-body: "Open Sans", sans-serif; /* Utiliser "Open Sans" plutôt que "sans-serif" comme typo pour tout le corps de texte qui n'est pas en Helvetica */
	--bordure: solid 1px #1485c9;
	--bordure-noire: solid 1px #1a1a1a;
	--transition: 0.3s;
	--padding-grid: 40px;
}
.gradient-vertical {
	background: rgb(26, 26, 26);
	background: -moz-linear-gradient(180deg, rgba(26, 26, 26, 1) 0%, rgba(75, 76, 78, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(26, 26, 26, 1) 0%, rgba(75, 76, 78, 1) 100%);
	background: linear-gradient(180deg, rgba(26, 26, 26, 1) 0%, rgba(75, 76, 78, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a",endColorstr="#4b4c4e",GradientType=1);
}
.relative {
	position: relative;
}
.border-top {
	border-top: solid 1px var(--couleur-primaire);
}
.border-bottom {
	border-bottom: solid 1px var(--couleur-primaire);
}
.border-right {
	border-right: solid 1px var(--couleur-primaire);
}
.border-left {
	border-left: solid 1px var(--couleur-primaire);
}
.padding-grid {
	padding: var(--padding-grid);
}
.padding-grid-left {
	padding-left: 100px !important;
}
::-moz-selection {
	background: var(--couleur-primaire);
	color: #fff;
}
::selection {
	background: var(--couleur-primaire);
	color: #fff;
}
body.no-scroll {
	position: fixed;
	width: 100%;
	/*overflow-y: scroll;*/
}
#loader {
	z-index: 999999;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: url("../technosubjobs/images/loader.svg") 50% 50% no-repeat var(--couleur-tertiaire);*/
	background-color: var(--couleur-tertiaire);
}

/*--------------------------------------------------------------
# Loader
--------------------------------------------------------------*/
.blob {
	width: 211.2px;
	height: 105.6px;
	display: flex;
	justify-content: space-between;
	background: transparent;
	/*filter: blur(2px) contrast(0);*/
	padding: 17.6px;
	/*mix-blend-mode:color-burn;*/
}
.blob:before,
.blob:after {
	content: "";
	width: 70.4px;
	border-radius: 50%;
	background: var(--couleur-primaire);
	animation: blob-a2bc2shg 1s infinite alternate;
}
.blob:after {
	--s: -1;
}
@keyframes blob-a2bc2shg {
	90%,
	100% {
		transform: translate(calc(var(--s, 1) * 52.8px));
	}
}

/*--------------------------------------------------------------
## Normalize
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	scroll-behavior: smooth;
	/*width: 100vw;*/
	overflow-x: hidden;
}

body {
	margin: 0;
	/*width: 100vw;*/
	overflow-x: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

abbr[title] {
	border-bottom: 1px dotted;
}

a {
	background-color: transparent;
}

b,
strong {
	font-weight: 900;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border-style: none;
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	line-height: normal;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;

	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

button[disabled],
html input[disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled] {
	cursor: default;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	border: 0;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

fieldset {
	border: 1px solid #ccc;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	border: 0;
	white-space: normal;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	outline-offset: -2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

small {
	font-size: 80%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
## Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
	color: #999;
	font-family: var(--font-body);
	font-style: normal;
	font-size: 1.4rem; /* Nouveau font-size en REM ; possible lorsque font-size sur le body aura été configuré */
	font-size: 14px;/* Nouveau font-size en PX ; en attendant */
	font-weight: 400;
}

h1,
.h1 {
	font-family: var(--font-primaire);
	font-weight: 700;
	font-size: 9em;
	line-height: 1;
	letter-spacing: 5px;
	color: var(--couleur-primaire);
	text-transform: uppercase;
}

h2 {
	font-weight: 900;
	font-style: normal;
	font-size: 5em;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--couleur-primaire);
	margin-top: 20px;
	margin-bottom: 0px;
}

h3,
.h3 {
	font-family: var(--font-primaire);
	font-weight: 100;
	font-style: normal;
	font-size: 4em;
	line-height: 1.1;
	color: #fff !important;
	margin-top: 0px;
	margin-bottom: 0px;
}

h4 {
	font-family: var(--font-secondaire);
	font-weight: 300;
	font-style: normal;
	font-size: 1.8em;
	line-height: 1;
	letter-spacing: 1px;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
}

h5 {
	font-family: var(--couleur-primaire) !important;
	font-weight: 100;
	font-style: normal;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}

h6 {
	/*font-family: 'Helvetica Neue Roman', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1em;
	line-height: 1.4;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-bottom: 10px;*/
	font-family: "Helvetica Neue Roman", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 18px;
	line-height: 1.4;
	color: var(--couleur-primaire);
	letter-spacing: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
}

p {
	font-family: "Helvetica Neue Roman", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1rem;
	margin-bottom: 1.4em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	font-style: italic;
	color: #999;
	border-left: solid 5px #ccc;
	padding-left: 1em;

	margin: 0 1.5em;
}

address {
	font-style: normal;
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Helvetica Neue Roman", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

.vertical-text {
	transform: rotate(-180deg);
	writing-mode: vertical-lr; /* Vertical - Left to Right */
}

/*--------------------------------------------------------------
## Elements
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #000;
	/* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	width: auto;
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/

::-webkit-input-placeholder {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 1px;
	opacity: 1;
}

::placeholder {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 1px;
	opacity: 1;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select,
body .gform_wrapper .gform_body .gform_fields .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	color: var(--couleur-secondaire) !important;
	border: 0;
	border-bottom: 1px solid var(--couleur-primaire);
	border-radius: 0px !important;
	background: transparent;
	padding: 8px 6px;
	outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
	color: #111;
}

input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="range"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="time"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="color"]:disabled,
textarea:disabled,
select:disabled {
	background-color: #ccc;
}

textarea {
	width: 100%;
}

label {
	color: #000;
	font-size: 1em;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
}

input[type="checkbox"],
input[type="radio"] {
	display: none !important;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	position: relative;
	padding-left: 2.5em !important;

	text-transform: none;
	font-weight: 400;
}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before,
input[type="checkbox"] + label::after,
input[type="radio"] + label::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(1em * 1.5 - 1px);
	height: calc(1em * 1.5 - 1px);
	border: 1px solid #000;

	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

input[type="checkbox"] + label::after,
input[type="radio"] + label::after {
	background-color: #000;

	opacity: 0;
}

input[type="checkbox"] + label:hover::before,
input[type="radio"] + label:hover::before {
	border-color: #000;
}

input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
	opacity: 0;
}

input[type="checkbox"]:checked + label::after,
input[type="radio"]:checked + label::after {
	opacity: 1;
}

input[type="radio"] + label::before,
input[type="radio"] + label::after {
	border-radius: 100%;
}

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
### Links
--------------------------------------------------------------*/

a {
	color: #929292;

	outline: 0;
	text-decoration: none !important;

	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

/*--------------------------------------------------------------
### Menus
--------------------------------------------------------------*/

.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul li {
	position: relative;
	display: inline-block;
	line-height: 1;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul li a {
	position: relative;
	margin: 0.6em 1.2em;

	font-size: 1em;
	font-family: "Helvetica Neue Roman", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #000;
	line-height: 1.4;
	text-transform: uppercase;
	outline: 0;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.main-navigation ul li a::before {
	display: block;
	position: absolute;
	content: "";
	height: 1px;
	bottom: -3px;
	margin: 0 auto;
	left: -0.05rem;
	width: 0;
	background: #000;

	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;

	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
}

.main-navigation ul li:hover a::before {
	width: 100%;
}

.main-navigation .sub-menu li a::before {
	content: none;
}

.main-navigation .sub-menu li a:hover {
	color: #848484;
}

/*.main-navigation ul li a:hover,
.main-navigation ul li a.focus {}*/

/*.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current-page-item > a,
.main-navigation ul li.current_page_ancestor > a,
.main-navigation ul li.current-menu-ancestor > a {}*/

.main-navigation ul ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 99999;

	min-width: 260px;
	padding-top: 20px;
	background-clip: content-box;
	background-color: #eee;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.main-navigation ul ul li {
	display: block;
}

.main-navigation ul ul li a {
	font-size: 1em;
	padding: 0.8em;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	display: block;
}

/*.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.focus > a,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current-page-item > a,
.main-navigation ul ul li.current_page_ancestor > a,
.main-navigation ul ul li.current-menu-ancestor > a {}*/

.main-navigation ul ul ul {
	left: 100%;
	top: 0;

	margin-left: -1px;
	padding-top: 0;
	background-clip: border-box;
}

.main-navigation .button-sub-menu {
	display: none;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* --- */

.mobile-navigation {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;

	position: fixed;
	top: 0;
	left: 0;
	float: none;
	z-index: 998;

	width: 100%;
	height: 100vh;
	background-color: var(--couleur-tertiaire);

	opacity: 0;
	visibility: hidden;

	-webkit-transition: opacity 0.3s, visibility 0.3s;
	-moz-transition: opacity 0.3s, visibility 0.3s;
	-o-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
}

body.menu-opened .mobile-navigation {
	opacity: 1;
	visibility: visible;
}

body.menu-opened .nav-wrap {
	box-shadow: none;
}

body.menu-opened .wpml-ls-link {
	display: none;
}

.mobile-navigation ul li {
	opacity: 0;
}

.mobile-navigation ul li a {
	position: relative;
	padding: 20px 0;
	font-family: var(--font-primaire);
	font-size: 4.2em;
	font-weight: 200;
	font-style: normal;
	color: var(--couleur-primaire);
	line-height: 1;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	outline: 0;
	display: block;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.mobile-navigation ul li a:hover {
	color: #848484;
}

.mobile-navigation .menu-item.focus > .sub-menu {
	display: block;
	padding: 0;
	margin: 0;
}

.mobile-navigation .menu-item.focus > .sub-menu li {
	list-style: none;
}

.mobile-navigation .menu-item.focus > .sub-menu li a {
	font-size: 1.5em;
	text-transform: none;
}

.mobile-navigation .menu-item-has-children {
	position: relative;
}

.mobile-navigation .sub-menu {
	margin: auto;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 600px;
}
.mobile-navigation .sub-menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.mobile-navigation .sub-menu li a {
	color: #fff !important;
	border: solid 1px var(--couleur-primaire);
	border-radius: 30px;
	font-family: var(--font-secondaire);
	font-size: 1em;
	font-weight: 500;
	line-height: 1em;
	padding: 18px 25px 15px 25px;
	text-transform: none;
	margin: 5px 10px;
	transition: 0.7s;
	display: block;
}
.mobile-navigation .sub-menu li a:hover {
	transition: var(--transition);
	background-color: var(--couleur-primaire);
}
.menu-item-has-children > a {
	font-weight: 900 !important;
	color: var(--couleur-primaire) !important;
}

.button-sub-menu {
	display: none;
}

.button-sub-menu svg {
	color: var(--couleur-primaire);
	font-size: 1.8em;
}

.mobile-navigation .menu-item.focus > .button-sub-menu {
	transform: rotate(180deg);
}

.wpml-ls {
	padding: 0 !important;
}

/*--------------------------------------------------------------
## Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
## Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
## Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
### Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.single-post article .entry-content p:first-child:not(:only-child) {
	font-size: 1.25em;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.related-posts {
	margin-top: 60px;
}

/*--------------------------------------------------------------
### Comments
--------------------------------------------------------------*/

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
## Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
### Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
### Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Module - Layout
--------------------------------------------------------------*/

.gauche,
.left {
	text-align: left;
}
.droite,
.right {
	text-align: right;
}
.centre,
.center {
	text-align: center;
}
.full {
	width: 100%;
	margin-right: auto !important;
	margin-left: auto !important;
}
.boxed-wide {
	width: 100%;
	max-width: 1500px;
	margin-right: auto !important;
	margin-left: auto !important;
}
.boxed {
	width: 100%;
	max-width: 1250px;
	margin-right: auto !important;
	margin-left: auto !important;
}
.boxed-half-left {
	margin-left: calc((100vw - 1250px) / 2);
}
.boxed-half-right {
	margin-right: calc((100vw - 1250px) / 2);
}
.layout-flex-cc,
.flex-cc {
	display: flex;
	justify-content: center;
	align-items: center;
}
.layout-flex {
	display: flex;
	flex-wrap: wrap;
}
.layout-flex > * {
	padding-left: 30px;
	padding-right: 30px;
}
.layout-flex.layout-gapless {
	margin-left: 0;
	margin-right: 0;
}
.layout-flex.layout-gapless > * {
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 768px) {
	.layout-flex.layout-gapless {
		margin-left: 0;
		margin-right: 0;
	}
	.layout-flex.layout-gapless > * {
		padding-left: 0;
		padding-right: 0;
	}
}
.layout-flex.layout-full > * {
	flex-grow: 1;
}
.layout-flex.flex-direction-row {
	flex-direction: row;
}
.layout-flex.flex-direction-row-reverse {
	flex-direction: row-reverse;
}
.layout-flex.flex-direction-column {
	flex-direction: column;
}
.layout-flex.flex-direction-column-reverse {
	flex-direction: column-reverse;
}
.layout-flex.flex-wrap {
	flex-wrap: wrap;
}
.layout-flex.flex-wrap-nowrap {
	flex-wrap: nowrap;
}
.layout-flex.align-items-flex-start {
	align-items: flex-start;
}
.layout-flex.align-items-center {
	align-items: center;
}
.layout-flex.align-items-flex-end {
	align-items: flex-end;
}
.layout-flex.justify-content-flex-start {
	justify-content: flex-start;
}
.layout-flex.justify-content-center {
	justify-content: center;
}
.layout-flex.justify-content-flex-end {
	justify-content: flex-end;
}
.layout-flex.flex-direction-row-reverse {
	flex-direction: row-reverse;
}
.layout-flex.justify-content-space-between {
	justify-content: space-between;
}
.layout-flex.justify-content-space-around {
	justify-content: space-around;
}
.layout-flex.justify-content-evenly {
	justify-content: space-evenly;
}
.align-self-flex-start {
	align-self: flex-start;
}
.align-self-center {
	align-self: center;
}
.align-self-flex-end {
	align-self: flex-end;
}
.layout-flex .layout-fit {
	min-width: 0;

	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
}
.layout-flex .layout-max {
	min-width: 0;

	-webkit-flex: 1 1 auto; /* Safari 6.1+ */
	-ms-flex: 1 1 auto; /* IE 10 */
	flex: 1 1 auto;
}
.layout-flex .layout-min {
	min-width: 0;

	-webkit-flex: 0 0 auto; /* Safari 6.1+ */
	-ms-flex: 0 0 auto; /* IE 10 */
	flex: 0 0 auto;
}
.layout-flex .layout-100 {width: 100%;}
.layout-flex .layout-95 {width: 95%;}
.layout-flex .layout-90 {width: 90%;}
.layout-flex .layout-85 {width: 85%;}
.layout-flex .layout-80 {width: 80%;}
.layout-flex .layout-75 {width: 75%;}
.layout-flex .layout-70 {width: 70%;}
.layout-flex .layout-66 {width: 66.66%;}
.layout-flex .layout-65 {width: 65%;}
.layout-flex .layout-60 {width: 60%;}
.layout-flex .layout-55 {width: 55%;}
.layout-flex .layout-50 {width: 50%;}
.layout-flex .layout-45 {width: 45%;}
.layout-flex .layout-40 {width: 40%;}
.layout-flex .layout-35 {width: 35%;}
.layout-flex .layout-33 {width: 33.33%;}
.layout-flex .layout-30 {width: 30%;}
.layout-flex .layout-25 {width: 25%;}
.layout-flex .layout-20 {width: 20%;}
.layout-flex .layout-15 {width: 15%;}
.layout-flex .layout-10 {width: 10%;}
.layout-flex .layout-5 {width: 5%;}

/*--------------------------------------------------------------
## Module - Themes
--------------------------------------------------------------*/

/* Dark Theme */

.dark-theme {
	color: #fff;
}

.dark-theme,
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6,
.dark-theme label,
.dark-theme input[type="checkbox"]:checked + label,
.dark-theme input[type="radio"]:checked + label {
	color: #fff;
}

.dark-theme p,
.dark-theme ul,
.dark-theme ol,
.dark-theme span,
.dark-theme svg {
	color: #fff;
}

.dark-theme a {
	color: #fff;
}

.dark-theme input[type="text"],
.dark-theme input[type="email"],
.dark-theme input[type="url"],
.dark-theme input[type="password"],
.dark-theme input[type="search"],
.dark-theme input[type="number"],
.dark-theme input[type="tel"],
.dark-theme input[type="range"],
.dark-theme input[type="date"],
.dark-theme input[type="month"],
.dark-theme input[type="week"],
.dark-theme input[type="time"],
.dark-theme input[type="datetime"],
.dark-theme input[type="datetime-local"],
.dark-theme input[type="color"],
.dark-theme textarea,
.dark-theme select,
body .dark-theme .gform_wrapper .gform_body .gform_fields .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
body .dark-theme .gform_wrapper .gform_body .gform_fields .gfield select,
body .dark-theme .gform_wrapper .gform_body .gform_fields .gfield textarea {
	background-color: #fff;
}

.dark-theme input[type="checkbox"] + label::before,
.dark-theme input[type="radio"] + label::before,
.dark-theme input[type="checkbox"] + label::after,
.dark-theme input[type="radio"] + label::after {
	border-color: #fff;
}

.dark-theme input[type="checkbox"] + label::after,
.dark-theme input[type="radio"] + label::after {
	background-color: #fff;
}

/*--------------------------------------------------------------
## Module - Buttons
--------------------------------------------------------------*/

a.btn,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display: inline-block;
	padding: 15px 30px;
	font-family: var(--font-primaire);
	font-size: 0.9em;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: transparent;
	border: var(--bordure);
	border-radius: 30px;
	color: #fff;
	transition: 0.3s;
}
a.btn:hover {
	background-color: var(--couleur-primaire);
}
a.btn-fleche {
	position: relative;
	color: #fff;
	width: 60px;
	height: 60px;
	background-color: var(--couleur-primaire);
	border-radius: 50%;
	display: inline-block;
	transition: 0.7s;
}
a.btn-fleche:hover {
	background-color: var(--couleur-tertiaire);
	transition: 0.3s;
}
a.btn-fleche::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-image: url(assets/images/fleche-droite-blanche.svg);
	background-size: 30px;
	background-position: center;
	background-repeat: no-repeat;
}
a.btn-fleche.fleche-prev::after {
	background-image: url(assets/images/fleche-gauche-blanche.svg);
}
a.btn-fleche.btn-fleche-outline {
	background-color: transparent;
	border: var(--bordure);
}
/*a.btn-fleche-outline.fleche-next::after {
	background-image: url(assets/images/fleche-droite-bleu.svg)!important;
}
a.btn-fleche-outline::after {
	background-image: url(assets/images/fleche-gauche-bleu.svg)!important;
	
}*/

a.btn-couleur,
a.btn-couleur:visited,
input[type="button"],
input[type="button"]:visited,
input[type="reset"],
input[type="reset"]:visited,
input[type="submit"],
input[type="submit"]:visited {
	background-color: var(--couleur-primaire);
	border-color: transparent;
	padding: 15px 30px 10px 30px;
	color: #fff;
}

a.btn-couleur:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: var(--couleur-tertiaire);
	color: #fff;
}

a.btn-noir,
a.btn-noir:visited {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

a.btn-noir:hover {
	background-color: transparent;
	color: #000;
}

a.btn-blanc,
a.btn-blanc:visited {
	background-color: transparent;
	border-color: #000;
	color: #000;
}

a.btn-blanc:hover {
	background-color: #000;
	color: #fff!important;
}

a.btn-block {
	display: block;
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Front page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Articles
--------------------------------------------------------------*/

.articles {
	margin: 60px 0;
}

/*--------------------------------------------------------------
## Blocs
--------------------------------------------------------------*/
.wp-block-group {
	position: relative;
}
.titre-section {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
	border-right: solid 1px var(--couleur-primaire);
	width: 50px;
	z-index: 9;
	pointer-events: none;
}
.titre-section .titre {
	text-orientation: mixed;
	font-family: var(--font-secondaire);
	font-size: 0.8em;
	font-weight: 100;
	letter-spacing: 1px;
	text-transform: uppercase;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	color: var(--couleur-primaire);
}

/*--------------------------------------------------------------
## Bloc texte générique
--------------------------------------------------------------*/
.texte-generique div {
	width: 100%;
}
.texte-generique .introduction {
	/* margin: 0 0 10px; */ /* Géré par sélecteur de voisin direct */
	font-size: 2.2em;
	line-height: 1.2em;
	color: #fff;
}
.texte-generique .titre h2 {
	font-size: 7em;
	font-family: var(--font-primaire);
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.1em;
	color: var(--couleur-primaire);
}
.texte-generique .titre b,
.texte-generique .titre strong {
	font-weight: 700;
}
.texte-generique .sous-titre h5 {
	margin-bottom: 20px;
	color: #fff;
	font-size: 1.2em;
	text-transform: none;
}
.texte-generique .description p {
	margin: 0;
	font-size: 1em; /* Ancien font-size */ 
	font-size: 1.8rem; /* Nouveau font-size en REM ; possible lorsque font-size sur le body aura été configuré */
	font-size: 18px; /* Nouveau font-size en PX ; en attendant */
	line-height: 1.4em;
	color: var(--couleur-secondaire);
}
.texte-generique .description p + p {
	margin-top: 15px;
}
.texte-generique .bouton {
	margin-bottom: 20px;
}
.texte-generique .center .bouton {
	margin: auto;
}
.texte-generique .right .bouton {
	float: right;
	width: 100%;
}
.texte-generique .image + .introduction,
.texte-generique .titre + .introduction, /* :/ Pas sûr de celui-là */
.texte-generique .introduction + .description,
.texte-generique .titre + .bouton,
.texte-generique .introduction + .bouton,
.texte-generique .description + .bouton {
	margin-top: 30px;
}

/*--------------------------------------------------------------
## Bloc slideshow engagnement
--------------------------------------------------------------*/
.slideshow-engagement .info-wrap {
	width: auto;
	max-width: 600px;
	background-color: var(--couleur-primaire);
	color: #fff;
	border-radius: 10px;
	padding: 20px 25px;
	position: absolute;
	bottom: 40px;
	left: 5px;
}
.slideshow-engagement .titre-partenariat {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 300;
	margin-bottom: 7px;
	letter-spacing: 0.5px;
}
.slideshow-engagement .titre {
	margin-bottom: 0px;
	font-size: 1.6em;
	font-weight: 600;
}
.slideshow-engagement .titre h4 {
	font-weight: 500;
	font-size: 1.6em;
}
.slideshow-engagement .sous-titre {
	font-weight: 100;
	font-style: italic;
	margin-top: 2px;
}
.slideshow-engagement .image img {
	border-top-left-radius: 50vw;
	width: 90%;
	float: right;
	height: 598px;
	object-fit: cover;
	object-position: center;
}
/*--------------------------------------------------------------
## Bloc texte carrousel - Slick 
--------------------------------------------------------------*/
.bloc-texte-carrousel {
	margin: 60px 0;
}
.slick-texte-carrousel .titre {
	/* display: inline; */
	position: relative;
	font-size: 2em;
	font-weight: 700;
}
.slick-texte-carrousel .titre::after {
	display: block;
	margin: 15px auto -15px;
	content: "";
	height: 1px;
	width: 100px;
	border-bottom: 1px solid var(--couleur-primaire);
}
.slick-texte-carrousel .fleche-prev {
	position: absolute;
	top: 45%;
	left: 0;
}
.slick-texte-carrousel .fleche-next {
	position: absolute;
	top: 45%;
	right: 0;
}
.slick-texte-carrousel .slick-dots {
	bottom: auto;
	position: relative;
	margin-top: 30px;
}

/*--------------------------------------------------------------
## Bloc - Duo images
--------------------------------------------------------------*/
.bloc-duo-images {
	padding: 40px;
}
.bloc-duo-images img {
	border-radius: 10px;
	object-fit: cover;
	object-position: center;
}
.bloc-duo-images .image-gauche {
	transform: rotate(-8deg);
}
.bloc-duo-images .image-droite {
	transform: rotate(6deg);
	margin-right: 0px;
	margin-left: -20px;
	margin-top: 50px;
}

/*--------------------------------------------------------------
## Bloc boutique
--------------------------------------------------------------*/
.bloc-boutique {
	min-height: 400px;
}
.bloc-boutique .conteneur-image-gauche {
	padding-left: 90px;
}
.bloc-boutique .conteneur-image-droite {
	padding-right: 50px;
}

/*--------------------------------------------------------------
## Bloc boutique
--------------------------------------------------------------*/

.bloc-image-pastille .image {
	border-right: var(--bordure);
	border-left: var(--bordure);
	max-height: 80vh;
	width: calc(100% - 50px);
	float: right;
}
.bloc-image-pastille .image img {
	width: 100%;
	text-align: right;
	height: 100%;
	object-fit: cover;
	object-position: center;
	max-height: 80vh;
}
.bloc-image-pastille .texte-circulaire-wrap {
	position: absolute;
	top: 80px;
	right: 5%;
}
.bloc-image-pastille .texte-circulaire {
	text-transform: uppercase;
	animation-name: spin;
	animation-duration: 10000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/*--------------------------------------------------------------
## Bloc - Quatuor cercles
--------------------------------------------------------------*/
.quatuor-cercle {
	width: 100%;
	max-width: 1300px;
	margin: auto;
}
.bloc-quatuor-cercles {
	padding: 80px 0;
	width: 100%;
	margin-top: 0px !important;
}
.bloc-quatuor-cercles h5 {
	color: var(--couleur-primaire);
}
.bloc-quatuor-cercles .cercle-item {
	position: relative;
	width: 340px;
	height: 340px;
	border-radius: 50%;
	border: var(--bordure);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 40px;
	transition: 0.7s;
}
.cercle-description {
	transform: translateY(0px);
	opacity: 0;
	font-size: 0.9em;
	transition: 0.7s;
	position: absolute;
	padding: 0 40px;
	max-width: 100%;
}
.bloc-quatuor-cercles .cercle-titre {
	transition: 1s;
}
.bloc-quatuor-cercles .cercle-item:hover {
	background-color: #3a4857;
	color: #fff;
	border-color: transparent !important;
	transition: 0.3s;
}
.bloc-quatuor-cercles .cercle-item:hover .cercle-description {
	transform: translateY(50%);
	opacity: 1;
	transition: 0.3s;
	display: block;
}
.bloc-quatuor-cercles .cercle-item:hover .cercle-titre {
	transform: translateY(-20px);
	opacity: 1;
	transition: 0.3s;
}
.bloc-quatuor-cercles .cercle-item:hover .cercle-titre h5 {
	color: #fff !important;
	transition: 0.3s;
}
.bloc-quatuor-cercles .cercle-numero {
	position: absolute;
	top: 0;
	left: 0;
	color: transparent !important;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: var(--bordure);
	font-size: 2em;
	font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--couleur-primaire);
}

/*--------------------------------------------------------------
## Bloc - Chiffre indiacteur
--------------------------------------------------------------*/
.bloc-chiffre-indicateur {
	padding: 20px 0;
}
.bloc-chiffre-indicateur .icone-container img {
	max-width: 40px;
	margin-bottom: 10px;
}
.bloc-chiffre-indicateur .notesup-container h6 {
	font-family: var(--font-primaire);
}
.bloc-chiffre-indicateur .chiffre-container h6 {
	font-family: var(--font-primaire);
	font-size: 3em;
	line-height: 1;
	margin-top: 0;
}
.bloc-chiffre-indicateur .noteinf-container h6 {
	font-family: var(--font-primaire);
	line-height: 1;
	margin-top: 0;
}
.bloc-chiffre-indicateur .description-container {
	margin-top: 20px;
	font-size: 0.9em;
	color: #999;
}

/*--------------------------------------------------------------
## Bloc bouton-circulaire
--------------------------------------------------------------*/
.btn-circulaire {
	height: 240px;
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.btn-circulaire:hover .cercle {
	background-color: var(--couleur-tertiaire);
	height: 1100px;
	transition: 0.3s;
}
.btn-circulaire:hover h2,
.btn-circulaire:hover .sous-titre {
	color: var(--couleur-primaire) !important;
	transition: 0.3s;
}
.btn-circulaire .cercle {
	position: absolute;
	height: 1000px;
	width: 1400px;
	max-width: 100%;
	background-color: var(--couleur-primaire);
	border-radius: 50%;
	z-index: -1;
	transform: translateY(80%);
	transition: 0.7s;
}
.btn-circulaire .info-wrap {
	color: #fff;
	width: 600px;
	height: auto;
	margin: 0 auto 40px auto;
	border-top-right-radius: 100%;
	border-top-left-radius: 100%;
	text-align: center;
}
.btn-circulaire .intro {
	color: #fff;
	font-family: var(--font-secondaire);
	font-size: 0.8em;
	font-style: italic;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
}
.btn-circulaire .titre h2 {
	color: #fff;
	font-size: 2.4em;
	font-weight: 600;
	line-height: 1em;
	letter-spacing: 2px;
	font-family: var(--font-primaire);
	text-align: center;
	transition: 0.7s;
}

/*--------------------------------------------------------------
## Bloc introduction
--------------------------------------------------------------*/
.bloc-introduction {
	display: flex;
	position: relative;
	height: calc(90vh - 80px);
	width: 100%;
	border-bottom: var(--bordure);
	align-items: center;
	justify-content: center;
}
.bloc-introduction .intro-info {
	padding: 60px 0;
	max-width: 1400px;
	text-align: center;
}
.bloc-introduction .intro-image {
	position: absolute;
	z-index: -1;
}
.bloc-introduction .intro-image img {
	object-fit: cover;
	object-position: center;
	border-radius: 5px;
}
.bloc-introduction .intro-image-1 {
	left: -2%;
	top: -1%;
	transform: rotate(-10deg);
}
.bloc-introduction .intro-image-1 img {
	width: 400px;
	height: 280px;
}
.bloc-introduction .intro-image-2 {
	right: 5%;
	top: 20%;
	transform: rotate(-20deg);
}
.bloc-introduction .intro-image-2 img {
	width: 280px;
	height: 400px;
}
.bloc-introduction .intro-image-3 {
	bottom: -8%;
	left: 7%;
	transform: rotate(15deg);
}
.bloc-introduction .intro-image-3 img {
	width: 280px;
	height: 400px;
}
.bloc-introduction .intro-titre {
	margin: 0;
	padding: 0;
	font-family: var(--font-primaire);
	font-weight: 100;
	font-size: 7em;
	text-transform: uppercase;
	line-height: 1em;
	letter-spacing: 2px;
	color: var(--couleur-primaire);
}
.bloc-introduction .intro-titre-2 {
	margin: 0;
	padding: 0;
	font-weight: 700;
}
.bloc-introduction .intro-texte {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	max-width: 660px;
	line-height: 1.4em;
	color: var(--couleur-secondaire);
	font-size: 1rem;
	font-size: 20px;
	font-weight: 400;
}
.bloc-introduction .intro-btn {
	margin: 0;
	padding: 0;	
}
.bloc-introduction .intro-titre-1 + .intro-titre-2 {
	margin-top: 0;	
}
.bloc-introduction .intro-titre-2 + .intro-texte,
.bloc-introduction .intro-texte + .intro-btn {
	margin-top: 45px;
}
.bloc-introduction .separateur {
	position: absolute;
	height: 100%;
	width: 80px;
	top: 0;
	right: 0;
	bottom: 0;
	border-left: var(--bordure);
	z-index: -1;
}
.bloc-introduction .intro-fleche-wrap {
	position: absolute;
	bottom: -30px;
	right: 0;
	left: 0;
}
.bloc-introduction .intro-fleche-wrap .btn-fleche {
	background-color: #fff !important;
	position: relative;
	animation: beat 0.5s infinite alternate;
	transform-origin: center;
	z-index: 1;
	transition: 0.3s;
}
.bloc-introduction .intro-fleche-wrap .btn-fleche:hover {
	background-color: var(--couleur-primaire) !important;
	transition: 0.3s;
}
.bloc-introduction .intro-fleche-wrap .btn-fleche::after {
	background-image: url(assets/images/fleche-bas-noire.svg);
	background-size: 17px;
	transition: 0.3s;
}
/* Heart beat animation */
@keyframes beat {
	to {
		transform: scale(1.1);
	}
}

/*--------------------------------------------------------------
## Bloc Emplois - Emplois manchette
--------------------------------------------------------------*/
.emplois-manchette {
	padding: 100px 0 90px 0;
}
.emploi-manchette {
	position: relative;
}
.emploi-apercu {
	display: flex;
	position: relative;
	flex-direction: column;
	transition: 1s;
	border-radius: 5px;
	background-color: #fff;
	padding: 30px;
	height: 280px;
	color: var(--couleur-tertiaire);
}
.emploi-apercu-info {
	display: flex;
	justify-content: space-between;
	font-size: 0.8em;
}
.emploi-apercu hr {
	width: 100%;
}
.emploi-apercu-details {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.emploi-apercu-details > * {
	flex: 0 1 auto;
}
.emploi-apercu:hover {
	transform: translateY(-7px);
	transition: 0.3s;
}
.emploi-apercu-titre h4 {
	transition: 0.3s;
	line-height: 1.2em;
	font-size: 1.6em;
}
.emploi-apercu-titre a {
	color: var(--couleur-tertiaire);
}
.emploi-apercu-titre:hover a {
	color: var(--couleur-primaire);
}
.emploi-apercu-division img {
	width: 100%;
	max-width: 180px;
	height: auto;
}
.emploi-apercu-lien {
	position: absolute;
	right: 30px;
	bottom: -30px;
	z-index: 1;
}

/*--------------------------------------------------------------
## Bloc avantages
--------------------------------------------------------------*/
.avantages {
	padding: 100px 0;
}
.avantage-unique {
	margin-bottom: 10px;
	margin: 0;
}
.avantage-unique .avantage-chiffre {
	display: flex;
	display: block;
	height: 60px;
	/* margin-right: 10px; */
	position: relative;
	width: 60px;
	align-items: center;
	justify-content: center;
}
.avantage-unique .avantage-chiffre::before {
	content: "";
	height: 50px;
	height: 60px;
	left: 0;
	position: absolute;
	top: 2px;
	top: 0;
	width: 50px;
	width: 60px;
	border: solid 1px var(--couleur-primaire);
	border-radius: 50%;
}
.avantage-unique .avantage-chiffre span {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	color: transparent !important;
	font-family: var(--font-primaire);
	font-family: "Helvetica Neue Condensed";
	font-size: 1.6em;
	font-size: 2.5em;
	font-weight: 700;
	line-height: 0;
	line-height: 1;
	text-transform: uppercase;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--couleur-primaire);
}
.avantage-unique + .avantage-unique .avantage-titre {
	width: 100%;
	border-top: solid 1px #999;
	padding-bottom: 7px;
	padding-top: 15px;
	padding-bottom: 25px;
	padding-top: 25px;
}
.avantage-unique .avantage-titre h4 {
	transition: 0.7s;
	font-size: 2.2em;
	cursor: pointer;
}
.avantage-unique:hover .avantage-titre h4, .avantage-unique.visible .avantage-titre h4 {
	transform: translateX(10px);
	transition: 0.3s;
}
.avantage-unique .avantage-numero, .avantage-unique .avantage-titre {
	padding-left: 0;
	padding-right: 0;
}
.avantage-unique .avantage-numero {
	margin-right: -5px;
}
.avantage-unique .avantage-zone-info {
	position: absolute;
	top: 40px;
	left: 65%;
	backface-visibility: visible;
	transition: 0.7s;
	opacity: 0;
	z-index: 0;
	width: 30%;
	/* max-width: 360px; */
	filter: blur(10px);
}
.avantage-unique.visible .avantage-zone-info {
	top: 0;
	transition: 1.2s;
	visibility: visible;
	opacity: 1;
	z-index: 100;
	filter: blur(0px);
}
.avantage-unique.visible .avantage-titre h4 {
	color: var(--couleur-primaire);
	transition: 0.3s;
}
.avantage-unique .avantage-introduction {
	margin-bottom: 20px;
	font-size: 1.8em;
}
.avantage-unique .avantage-description {
	margin-bottom: 10px;
	line-height: 1.4em;
	color: var(--couleur-secondaire);
	font-size: 1.8rem;
	font-size: 18px;
}
.avantage-unique .avantage-description p + p {
	margin-top: 0;
}
.avantage-unique .avantage-specifications {
	margin-bottom: 10px;
	text-transform: uppercase;
	color: var(--couleur-primaire);
}
.avantage-unique .avantage-specifications span {
	/*margin-right: 5px;*/
	font-size: 0.9em;
	font-size: 1.2rem;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--couleur-primaire);
}
.avantage-unique .avantage-specifications span+span {
	margin-left: 5px;
}
.avantage-unique .avantage-specifications span+span::before {
	margin-right: 5px;
	content: "-";
}
.avantage-unique .avantage-note {
	font-size: 0.7em;
	font-size: 1rem;
	font-size: 11px;
	font-style: italic;
	font-weight: 300;
}

/*--------------------------------------------------------------
## Bloc Texte images carrousel
--------------------------------------------------------------*/
.texte-images-carrousel {
	height: 600px;
	width: 100%;
}
.texte-images-carrousel .texte-generique {
	max-width: 660px;
	margin: auto;
}
.texte-images-carrousel .fleche-prev {
	position: absolute;
	top: 65%;
	left: 1px;
}
.texte-images-carrousel .fleche-next {
	position: absolute;
	top: 65%;
	left: 70px;
}

/*--------------------------------------------------------------
## Bloc Slideshow générique - Slick
--------------------------------------------------------------*/
.slideshow-social {
	padding: 15vh 0;
}
.slideshow-generique {
	display: flex;
	align-items: center;
	width: 100vw;
	overflow-x: hidden;
}
.slideshow-generique .slick-slide {
	position: relative;
	height: 600px;
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	max-width: 400px;
	margin: 0px 40px;
}
.slideshow-generique .titre-image {
	color: var(--couleur-primaire);
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
	margin-top: 15px;
}
.slideshow-generique .slick-slide {
	transition: 0.3s;
}
.slideshow-generique .slick-slide img {
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
	max-height: 475px;
}
.slideshow-generique.slick-dotted.slick-slider {
	overflow: inherit !important;
}
.slideshow-track {
	display: flex;
	align-items: center;
}
.slideshow-generique .slick-slide[data-slick-index="-4"] {
	transform: rotate(-5deg);
}
.slideshow-generique .slick-slide[data-slick-index="-3"] {
	transform: rotate(10deg);
}
.slideshow-generique .slick-slide[data-slick-index="-2"] {
	transform: rotate(-11deg);
}
.slideshow-generique .slick-slide[data-slick-index="-1"] {
	transform: rotate(6deg);
}
.slideshow-generique .slick-slide[data-slick-index="0"] {
	transform: rotate(-5deg);
}
.slideshow-generique .slick-slide[data-slick-index="1"] {
	transform: rotate(10deg);
}
.slideshow-generique .slick-slide[data-slick-index="2"] {
	transform: rotate(-7deg);
}
.slideshow-generique .slick-slide[data-slick-index="3"] {
	transform: rotate(10deg);
}
.slideshow-generique .slick-slide[data-slick-index="4"] {
	transform: rotate(-3deg);
}
.slideshow-generique .slick-slide[data-slick-index="5"] {
	transform: rotate(-11deg);
}
.slideshow-generique .slick-slide[data-slick-index="6"] {
	transform: rotate(6deg);
}
.slideshow-generique .slick-slide[data-slick-index="7"] {
	transform: rotate(-5deg);
}
.slideshow-generique .slick-slide[data-slick-index="8"] {
	transform: rotate(10deg);
}
.slideshow-generique .slick-slide[data-slick-index="9"] {
	transform: rotate(-7deg);
}
.slideshow-generique .slick-slide[data-slick-index="10"] {
	transform: rotate(10deg);
}
.slideshow-generique .slick-slide[data-slick-index="11"] {
	transform: rotate(-3deg);
}
.slideshow-generique .slick-slide[data-slick-index="12"] {
	transform: rotate(-5deg);
}
.slideshow-generique .slick-slide[data-slick-index="13"] {
	transform: rotate(10deg);
}
.slideshow-generique .slick-slide[data-slick-index="14"] {
	transform: rotate(-7deg);
}
.slideshow-generique .slick-slide[data-slick-index="15"] {
	transform: rotate(10deg);
}
.slideshow-generique .slick-slide[data-slick-index="16"] {
	transform: rotate(-3deg);
}
.slideshow-generique .slick-slide[data-slick-index="17"] {
	transform: rotate(4deg);
}
.slideshow-social .blur {
	position: absolute;
	width: 20%;
	top: 0;
	bottom: 0;
	z-index: 1;
	/*filter: blur(10px);*/
	/* From https://css.glass */
	background: transparent;
	/*backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);*/
	/*pointer-events: none;*/
}
.gradient-slideshow {
	position: absolute;
	width: 20%;
	top: 0;
	bottom: 0;
	z-index: 2;
	backdrop-filter: blur(1px);
}
.gradient-slideshow.gradient-slideshow-right {
	right: 0;
	background: rgb(26, 26, 26);
	background: -moz-linear-gradient(-90deg, rgba(26, 26, 26, 1) 0%, rgba(75, 76, 78, 0) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(26, 26, 26, 1) 0%, rgba(75, 76, 78, 0) 100%);
	background: linear-gradient(-90deg, rgba(26, 26, 26, 1) 0%, rgba(75, 76, 78, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a",endColorstr="#4b4c4e",GradientType=1);
}
.gradient-slideshow.gradient-slideshow-left {
	left: 0;
	background: rgb(26, 26, 26);
	background: -moz-linear-gradient(90deg, rgba(26, 26, 26, 1) 0%, rgba(75, 76, 78, 0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(26, 26, 26, 1) 0%, rgba(75, 76, 78, 0) 100%);
	background: linear-gradient(90deg, rgba(26, 26, 26, 1) 0%, rgba(75, 76, 78, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a",endColorstr="#4b4c4e",GradientType=1);
}
.slideshow-social .blur-left {
	left: 0;
}
.slideshow-social .blur-right {
	right: 0;
}
/*.blur-section {
	height: 100%;
	width: 50%;
}
.blur-section.blur-1 {
	filter: blur(1px);
	backdrop-filter: blur(1px);
	-webkit-backdrop-filter: blur(1px);
}
.blur-section.blur-2 {
	filter: blur(2px);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}*/

/*.filtre--l{
-webkit-mask: -webkit-linear-gradient(black, transparent 30%, black);
-webkit-mask: linear-gradient(black, transparent 30%, black);
-webkit-filter: blur(3px);
mask: url('#mask-linear');
filter: url('#filtre2');
}*/

/*--------------------------------------------------------------
## Bloc Présentation divisions - Slick
--------------------------------------------------------------*/
.presentation-divisions-wrap {
	/* min-height: 80vh; */ /* Pertinence à prouver */
	padding: 20vh 0 15vh 0;
	padding: 100px 0;
}
.presentation-divisions-wrap .slick-current {
	/*animation:division 1s infinite;*/
	transition: 1s;
}

@keyframes division {
	0% {
		background-color: red;
	}
	25% {
		background-color: yellow;
	}
	50% {
		background-color: blue;
	}
	100% {
		background-color: green;
	}
}

.presentation-divisions-wrap .presentation-image img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: center;
}
.presentation-content {
	width: 100%;
	padding: 20px 0 20px 60px;
}
.zone-pd-info {
	position: relative;
	display: flex;
	align-items: center;
}
.presentation-info {
	padding: 0 20px;
}
.presentation-introduction {
	font-size: 2.2em;
	margin-bottom: 20px;
	line-height: 1.3em;
}
.presentation-description {
	margin-bottom: 30px;
}
.presentation-description p {
	color: var(--couleur-secondaire);
	font-size: 1em;
	margin-bottom: 20px;
	line-height: 1.4em;
}
.presentation-logo {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-top: 40px;
	margin-left: -100px;
}
.presentation-space {
	height: 120px;
}
.presentation-logo img {
	width: 500px;
}
.presentation-divisions .btn-fleche {
	position: absolute;
	bottom: 0;
	top: auto !important;
}
.presentation-divisions .fleche-next {
	right: 30px;
}
.presentation-divisions .fleche-prev {
	right: 100px;
}
.presentation-divisions .btn-fleche {
	background: transparent;
	border: solid 1px var(--couleur-primaire);
}
.presentation-divisions a.fleche-next::after {
	background-image: url(assets/images/fleche-droite-bleu.svg) !important;
}
.presentation-divisions a.fleche-prev::after {
	background-image: url(assets/images/fleche-gauche-bleu.svg) !important;
}
.presentation-compte {
	margin-left: 20px;
	font-family: var(--font-primaire);
	font-size: 1em; /* Ancien font-size */ 
	font-size: 1.4rem; /* Nouveau font-size en REM ; possible lorsque font-size sur le body aura été configuré */
	font-size: 14px; /* Nouveau font-size en PX ; en attendant */
	font-weight: 700;
	color: var(--couleur-primaire);
}
/*--------------------------------------------------------------
## Bloc carte - Google map
--------------------------------------------------------------*/
.bloc-carte {
	height: 500px;
	margin-top: 0 !important;
}
.gm-style .gm-style-iw-d h6 {
	color: #000 !important;
}
.gm-style-iw-d p {
	color: #000 !important;
	font-size: 0.9em !important;
}
/*--------------------------------------------------------------
## Bloc liste emplois
--------------------------------------------------------------*/
.bloc-liste-emplois {
	/*height: 80vh;*/
	padding: 100px 0 0;
	display: flex;
	align-items: center;
}
.filtres {
	flex-wrap: nowrap;
	justify-content: space-around;
	gap: 20px;
	margin-bottom: 20px;
}
.filtres .facetwp-facet select {
	color: #fff;
	background-color: transparent;
	width: 100%;
}
.filtres .facetwp-facet {
	flex-grow: 1;
}
.resultats {
	margin-bottom: 100px;
}
.resultats-tableau {
	margin-bottom: 40px;
}
.resultats-tableau .fwpl-result {
	align-items: center;
	display: flex;
	/* height: 60px; */
	padding: 10px;
	width: 100%;
	background-color: transparent;
	border-bottom: solid 1px #999;
	transition: 0.7s;
}
.resultats-tableau .fwpl-result:hover {
	background-color: #545454;
	transition: 0.3s;
}
.emplois-resultats {
	position: relative;
	width: 100%;
}
.emplois-titres {
	width: 30%;
}
.emplois-lieux {
	width: 30%;
}
.emplois-divisions {
	width: 20%;
}
.emploi-division img {
	max-width: 140px;
	aspect-ratio: 4.6667;
}
.emplois-departements {
	width: 15%;
}
.emplois-liens {
	width: 5%;
}
.emploi-lien {
	display: flex;
	justify-content: flex-end;
}
.emplois-resultats {
	display: flex !important;
	align-items: center;
}
.facetwp-reset {
	display: block;
	width: 100% !important;
	border-radius: 5px;
	background-color: var(--couleur-primaire);
	text-align: center;
	padding: 12px 0 9px 0;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 500;
	font-family: var(--font-primaire);
}
.resultats-titres-colonnes {
	padding: 10px;
	font-family: var(--font-primaire);
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--couleur-primaire);
}
a.fwpl-btn {
	color: #fff;
	width: 40px;
	height: 40px;
	background-color: var(--couleur-primaire);
	border-radius: 50%;
	display: flex;
	transition: 0.7s;
	align-items: center;
	justify-content: center;
}
a.fwpl-btn::before {
	content: "";
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-image: url(assets/images/fleche-droite-blanche.svg);
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: block;
}
a.fwpl-btn::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}
a.fwpl-btn:hover {
	background-color: var(--couleur-tertiaire);
	transition: 0.3s;
}

/*--------------------------------------------------------------
## Bloc avantages
--------------------------------------------------------------*/
.bloc-quatre-photos-btn {
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
}
.cercle-info {
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background-color: #1a1a1a;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.cercle-titre {
	color: #fff;
	font-family: var(--font-primaire);
	text-transform: uppercase;
	font-size: 4em;
	text-align: center;
}
.cercle-titre-1 {
	font-weight: 100;
}
.cercle-titre-2 {
	font-weight: 700;
}
.cercle-btn {
	margin: 20px 0;
}
.cercle-image {
	position: absolute;
	z-index: -1;
}
.cercle-image img {
	object-fit: cover;
	object-position: center;
	max-width: 400px;
	border-radius: 10px;
}
.cercle-image-1 {
	top: 20%;
	left: -60px;
	transform: rotate(-10deg);
}
.cercle-image-1 img {
	width: 280px;
	height: 400px;
}
.cercle-image-2 {
	top: 50%;
	left: 10%;
	transform: rotate(10deg);
}
.cercle-image-2 img {
	width: 400px;
	height: 280px;
}
.cercle-image-3 {
	top: 20%;
	right: 15%;
	transform: rotate(10deg);
}
.cercle-image-3 img {
	width: 280px;
	height: 400px;
}
.cercle-image-4 {
	top: 50%;
	right: 20px;
	transform: rotate(-10deg);
}
.cercle-image-4 img {
	width: 400px;
	height: 280px;
}

/*--------------------------------------------------------------
## Bloc Carousel Divisions
--------------------------------------------------------------*/
.bloc-carousel-divisions {
	height: 300px;
	padding: 40px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0 !important;
}
.bloc-carousel-divisions .slick-slide {
	padding: 0 20px;
}
.bloc-carousel-titre {
	font-family: var(--font-secondaire);
	font-size: 0.9em;
	font-weight: 100;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 2px;
	margin-bottom: 40px;
}
.slick-carousel-divisions .logo {
	opacity: 0.6;
	transition: 0.7s;
}
.slick-carousel-divisions .slick-track {
	display: flex;
	align-items: center;
}
.slick-carousel-divisions .slick-track .slick-slide img {
	margin: 0 auto;
	max-width: 220px;
	max-height: 50px;
}
.slick-carousel-divisions .logo:hover {
	transform: scale(1.05);
	opacity: 1;
	transition: 0.3s;
}

/*--------------------------------------------------------------
## Bloc Défileur Marquee
--------------------------------------------------------------*/
.marquee .content {
	color: var(--couleur-primaire);
	font-size: 9em;
	font-family: var(--font-primaire);
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.marquee {
	position: relative;
	width: 100vw;
	max-width: 100%;
	height: 200px;
	overflow-x: hidden;
}

.track {
	position: absolute;
	white-space: nowrap;
	will-change: transform;
	animation: marquee 32s linear infinite;
}

@keyframes marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

/*--------------------------------------------------------------
# Templates
--------------------------------------------------------------*/

.page-header {
	position: relative;
	padding: 160px 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-position: center;
	background-size: cover;
	border-bottom: var(--bordure);
}
.page-header .header-introduction {
	margin: 30px 0 0;
	max-width: 600px;
	padding: 0 20px;
	width: 100%;
	z-index: 1;
	font-size: 1em; /* Ancien font-size */ 
	font-size: 2rem; /* Nouveau font-size en REM ; possible lorsque font-size sur le body aura été configuré */
	font-size: 20px; /* Nouveau font-size en PX ; en attendant */
	line-height: 1.4em;
	color: var(--couleur-secondaire);
}
.page-header .separateur {
	position: absolute;
	height: 100%;
	width: 80px;
	top: 0;
	right: 0;
	bottom: 0;
	border-left: var(--bordure);
	z-index: 1;
}
.page-header .header-image {
	position: absolute;
}
.page-header .header-image img {
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}
.page-header .header-image-1 {
	top: 20%;
	left: -100px;
	transform: rotate(-10deg);
	z-index: -1;
}
.page-header .header-image-1 img {
	width: 400px;
	height: 280px;
}
.page-header .header-image-2 {
	right: -20px;
	top: 20%;
	transform: rotate(17deg);
	z-index: -1;
}
.page-header .header-image-2 img {
	width: 280px;
	height: 400px;
}
.page-title {
	margin: 0;
	z-index: 9;
}
.carriere-header {
	padding: 60px 0 60px 0;
	min-height: 400px;
}
.carriere-header h1 {
	font-weight: 700;
	letter-spacing: 1px;
}
.carriere-header .meta-single-emploi {
	width: 100%;
	max-width: 600px;
	margin:20px 0 30px 0;
	font-family: var(--font-secondaire);
	font-weight: 300;
	letter-spacing: 0.5px;
}
.carriere-header .meta-single-emploi .separateur {
	position:relative;
	margin:0 20px;
	height: 1px;
	width: 8vw;
	background-color: #fff;
}
.carriere-header .image-emploi {
	position:absolute;
	transform:rotate(-8deg);
	top: 2em;
    left: 5em;
}
.carriere-header .image-emploi.image-une-horizontale {
	top:6em;
}
.carriere-header .image-emploi img {
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}
.carriere-header .image-emploi.image-une-verticale img {
	height: 27vw;
	width: 20vw;
}
.carriere-header .image-emploi.image-une-horizontale img {
	width: 25vw;
}
.page-template-page-goupe .header-image-2 img,
.page-template-page-goupe .header-image-1 img {
	width: auto;
	height: auto;
}
.page-template-page-goupe.gradient-vertical #page {
	background: rgb(20, 20, 20) !important;
	background: -moz-linear-gradient(180deg, rgba(20, 20, 20, 1) 0%, rgba(74, 91, 107, 1) 100%) !important;
	background: -webkit-linear-gradient(180deg, rgba(20, 20, 20, 1) 0%, rgba(74, 91, 107, 1) 100%) !important;
	background: linear-gradient(180deg, rgba(20, 20, 20, 1) 0%, rgba(74, 91, 107, 1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141414",endColorstr="#4a5b6b",GradientType=1) !important;
}

.page-template-page-goupe .header-image-1 {
	top: -168px;
	left: -150px;
	width: 440px;
	height: 300px;
	mix-blend-mode: lighten;
	filter: saturate(2);
	z-index: 0;
}
.page-template-page-goupe .header-image-2 {
	top: -170px;
	width: 500px;
	height: auto;
	mix-blend-mode: lighten;
	filter: saturate(2);
	z-index: 0;
}

/*--------------------------------------------------------------
## Template - Header
--------------------------------------------------------------*/

.nav-wrap {
	position: relative;
	width: 100%;
	z-index: 999;

	padding: 0px;
	background: transparent;
	border-bottom: solid 1px var(--couleur-primaire);
	display: flex;
	align-items: center;
	transition: 0.3s;
}
.nav-wrap.fixed {
	position: fixed;
	top: 0;

	background: var(--couleur-tertiaire);
	box-shadow: -1px 6px 40px -2px rgb(0 0 0 / 9%);

	-webkit-animation: slideDown 0.3s;
	-moz-animation: slideDown 0.3s;
	-o-animation: slideDown 0.3s;
	animation: slideDown 0.3s;
}
@media (max-width: 767px) {
	.nav-wrap .layout-flex.layout-gapless {
		margin-left: 0;
		margin-right: 0;
	}
	.nav-wrap .layout-flex.layout-gapless > * {
		padding-left: 0;
		padding-right: 0;
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}

.logo-wrap {
	width: 300px;
	padding: 0 30px !important;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav-bars {
	height: 80px;
	width: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: var(--bordure);
}
.nav-emploi {
	height: 80px;
	border-left: var(--bordure);
}
.nav-emploi a {
	height: 80px;
	color: var(--couleur-primaire);
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8em;
	padding: 0 30px;
	transition: 0.7s;
}
.nav-emploi a:hover {
	background-color: var(--couleur-primaire);
	color: #fff;
	transition: 0.3s;
}
.nav-langue a {
	height: 80px;
	width: 80px;
	border-left: var(--bordure);
	color: var(--couleur-primaire);
	text-transform: uppercase;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8em;
	transition: 0.7s;
}
.nav-langue a:hover {
	background-color: var(--couleur-primaire);
	color: #fff;
	transition: 0.3s;
}
.nav-langue a span {
	color: var(--couleur-primaire) !important;
	transition: 0.3s;
}
.nav-langue a:hover span {
	color: #fff !important;
	transition: 0.7s;
}
.nav-wrap svg {
	color: #000;
}
.nav-wrap .layout-flex {
	align-items: center;
	justify-content: space-between;
}

.menu-button {
	position: relative;
	z-index: 100000;

	/*display: none;*/
	padding: 0;
	border: 0;
	background-color: transparent;

	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;

	outline: 0;
}
.menu-button-container {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 40px;
	height: 40px;
}
.menu-button .menu-bar {
	width: 40px;
	height: 1px;
	background-color: #fff !important;
	margin-bottom: 11px;

	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.menu-button #bar-3 {
	width: 20px;
	margin-left: auto;
	margin-bottom: 0;
}
.menu-button:hover #bar-3 {
	width: 40px;
}
body.menu-opened .menu-button #bar-1 {
	transform: rotate(45deg);
	margin-bottom: 0px;
}
body.menu-opened .menu-button #bar-2 {
	opacity: 0;
	margin: 0;
}
body.menu-opened .menu-button #bar-3 {
	width: 40px;
	transform: rotate(-45deg);
	margin-top: -2px;
}
body.menu-opened .menu-button .menu-bar {
	background-color: var(--couleur-tertiaire);
}

.menu-open-right {
	position: relative;
	background-color: var(--couleur-primaire);
	color: #000;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu-open-right .separateur {
	width: 80px;
	height: 80px;
	position: absolute;
}
.menu-open-right .separateur-top {
	border-bottom: var(--bordure-noire);
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
}
.menu-open-right .separateur-right {
	border-left: var(--bordure-noire);
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
}
.menu-open-right .separateur-bottom {
	border-top: var(--bordure-noire);
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}
.menu-open-right ul li a {
	color: var(--couleur-tertiaire);
}
.menu-open-right ul li a:hover {
	color: #fff;
}
.menu-opened .nav-emploi {
	display: none;
}
.menu-opened .nav-bars {
	border-left-width: 0;
}
.menu-open-left {
	position: relative;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu-open-left .separateur-bottom {
	border-top: var(--bordure);
	right: 0;
	left: 0;
	bottom: 0;
	width: 100% !important;
}
.menu-open-left .separateur {
	width: 80px;
	height: 80px;
	position: absolute;
}
#menu-menu-secondaire {
	/*margin-left:-80px;*/
	padding-right: 80px;
	max-width: 100%;
}

#logo {
	position: relative;
	z-index: 100000;
	width: 260px;
	min-width: 60px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 1em;

	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
}
#logo:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
#logo a {
	display: block;
}

#scroll-top {
	position: fixed;
	bottom: 10px;
	right: 10px;

	z-index: 10000;

	opacity: 0;
	visibility: hidden;

	-webkit-transition: opacity 0.3s, visibility 0.3s;
	-moz-transition: opacity 0.3s, visibility 0.3s;
	-o-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
}
#scroll-top.visible {
	opacity: 1;
	visibility: visible;
}
#scroll-top svg {
	color: #fff;
}
#scroll-top a {
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	outline: none;
	cursor: pointer;

	box-sizing: content-box;
	padding: 0.3em;
	font-size: 1.6em;

	background-color: rgba(0, 0, 0, 0.7);

	-webkit-border-radius: 100%;
	border-radius: 100%;
}
#scroll-top .svg-inline--fa {
	width: 1em;
	vertical-align: top;
}

/*--------------------------------------------------------------
## Template - Footer
--------------------------------------------------------------*/

.site-footer {
	background-color: #000;
	color: #fff;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
	color: #fff;
}

.site-footer a,
.site-footer a:focus,
.site-footer a:visited {
	color: #fff;
}

.site-footer a:hover {
	color: #333;
}

.site-footer .reseau-social a {
	background-color: #fff;
}

.site-footer .reseau-social svg {
	color: #000;
}

.footer-wrap {
	min-height: 300px;
	padding: 80px 0 10px 0;
}

.footer-logo-wrap {
	width: 100%;
	min-width: 100px;
	max-width: 180px;
}
.footer-logo a {
	display: block;
	margin: auto;
	width: fit-content;
	transition: 1s;
}
.footer-logo a:hover {
	transform: scale(1.1);
	transition: 0.3s;
}

.footer-infos-wrap address p {
	margin-top: 0;
}

.footer-infos-wrap ul {
	font-weight: 500;
	font-size: 0.95em;
	letter-spacing: 0.125em;
}

.footer-infos-wrap li {
	margin-bottom: 1.8em;

	line-height: 1.6;
}
footer .menu-boutons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 40px;
}
footer .menu-boutons a {
	margin: 0 20px 20px 0;
}
footer .footer-logo {
	text-align: center;
}
footer .footer-logo img {
	max-width: 260px;
	min-height: 100px;
}
.menu-menu-pied-de-page-container,
.menu-footer-navigation-container {
	margin-top: 60px;
	margin-bottom: 5px;
}
footer .menu a {
	color: var(--couleur-primaire) !important;
	text-transform: uppercase;
	font-family: var(--font-secondaire);
	font-weight: 300;
	letter-spacing: 0px;
	font-size: 0.8em;
}
.copyright-wrap {
	border-top: 1px solid #fff;
	padding: 15px 0;
	font-size: 0.8em;
}
.copyright-wrap a,
.copyright-wrap a:focus,
.copyright-wrap a:visited {
	color: #fff;
}

.copyright-wrap a:hover {
	color: #333;
}

.os_credit {
	text-align: right;
}

/*--------------------------------------------------------------
## Template - Page
--------------------------------------------------------------*/

article.page .page-content,
article.page .entry-content,
article.page .entry-summary {
	margin-top: 0;
}

/*--------------------------------------------------------------
## Template - Carrière / Emploi
--------------------------------------------------------------*/
.emploi-single-intro .emploi-zone-intro,
.emploi-single-intro .emploi-zone-logo {
	padding: var(--padding-grid);
	height: 100%;
}
.emploi-single-info > .layout-flex + .layout-flex {
	margin-top: 40px;
}
.emploi-single .titre-single-emploi {
	margin-top: 40px;
}
.emploi-single-logo {
	width: 60%;
}
.emploi-single-logo img {
	aspect-ratio: 4.6667;
	max-width: 400px;
}
.emploi-single-intro.background-image .emploi-single-logo {
	display: none;
}
.emploi-single .sommaire {
	font-size: 1.8em;
	/* margin-bottom: 40px; */
}
.emploi-section {
	margin-bottom: 30px;
}
.emploi-section.emploi-description h4 {
	margin-bottom: 15px;
}
.emploi-section.emploi-description h4:not(:first-child) {
	margin-top: 30px;
}
.emploi-section h4 + .emploi-valeur,
.emploi-section .emploi-valeur + .emploi-valeur {
	margin: 15px 0 0;
}
.emploi-section.emploi-description h4 + .emploi-valeur {
	margin: 0 0 15px;
}
.emploi-section .emploi-valeur {
	color: var(--couleur-secondaire);
	font-size: 1em;
	line-height: 1.4em;
	margin: 0;
}
.emploi-section ul.emploi-valeur {
	padding: 0 0 0 28px;
}
.emploi-single-intro .texte-marketing .content {
	height: 100%;
	margin:40px 20px;
	padding-left:26vw;
}
.emploi-single-intro .texte-marketing .content .citation {
	position:relative;
	font-size: 1.4em;
	margin-bottom:20px;
	min-width: 500px;
	min-height: 150px;
	display: flex;
	align-items: center;
}
.emploi-single-intro .texte-marketing .content .citation::before {
	content:"";
	position:absolute;
	top:-20px;
	left:-80px;
	width: 180px;
	height: 140px;
	background-image: url(assets/images/guillemets-gauche.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}
.emploi-single-intro .texte-marketing .content .citation::after {
	content:"";
	position:absolute;
	bottom:-40px;
	right:0px;
	width: 180px;
	height: 140px;
	background-image: url(assets/images/guillemets-droit.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}
.emploi-single-intro .texte-marketing .content .personne-image img {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	margin-left:30px;
}
.layout-galerie {
	width: 380px;
	padding:0;
}

@media (max-width: 991px) {
	.layout-galerie {
		flex:auto;
		width: 100%;
		max-width: 380px;
	}
	.emploi-single-form .layout-flex {
		flex-wrap:wrap!important;
	}
	.formulaire {
		padding-top:60px;
	}
}

.slick-galerie-emploi {
	position:relative;
	border-radius: 10px;
	/*overflow: hidden;*/
	margin:30px 0;
}
.slick-galerie-emploi img {
	height: 440px;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.slick-galerie-emploi .btn-fleche {
	position:absolute;
	top:105%;
	bottom:0;
	right:0;
	background-color: transparent;
	border:solid 1px var(--couleur-primaire);
}
.slick-galerie-emploi .btn-fleche.fleche-prev  {
	right:80px;
}
/*.emploi-single-intro .texte-marketing .espace {
	width: 10vw;
}*/
/*.emploi-valeur.emploi-liste {
	margin-bottom: 5px;
	padding-left: 0px;
	padding-right: 20px;
}*/
/*.emploi-valeur.emploi-liste::before {
	content: "•";
	width: 20px;
}*/
/*.emploi-section .description-detaillee {
	padding: 0 30px 0 0;
}*/
.emploi-single-info h4 {
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.1em;
	text-transform: uppercase;
}
.emploi-single-autres {
	/* margin-top: 20px; */
	padding: 40px 0 0;
	border-top: solid 1px #fff;
}
.emploi-single-autres .emploi-section {
	width: 20%;
	margin-bottom: 20px;
	padding-right: 10px;
}
.emploi-single .formulaire-cta h4 {
	font-weight: 600;
	font-size: 1.4em;
	letter-spacing: 0;
}
#gform_1 .gform-field-label--type-sub {
	display: none !important;
}

/*--------------------------------------------------------------
## Template - Division
--------------------------------------------------------------*/
.single-division {
	background: rgb(20, 20, 20);
	background: -moz-linear-gradient(180deg, rgba(20, 20, 20, 1) 0%, rgba(74, 91, 107, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(20, 20, 20, 1) 0%, rgba(74, 91, 107, 1) 100%);
	background: linear-gradient(180deg, rgba(20, 20, 20, 1) 0%, rgba(74, 91, 107, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141414",endColorstr="#4a5b6b",GradientType=1);
}
.single-division .page-header img {
	position: relative;
	width: 100%;
	max-width: 800px;
	padding: 20px;
	z-index: 1;
}
.single-division .page-header {
	position: relative;
	height: 600px;
}
.single-division .mission-vision-wrap,
.single-division .division-mission-image {
	min-height: 600px;
}
.single-division video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.single-division .bloc-liste-emplois.border-bottom {
	border-bottom: 0;
}
.single-division .btn-circulaire .cercle {
	background-color: var(--couleur-tertiaire);
}
.single-division .btn-circulaire {
	height: 240px;
}
.single-division .texte-generique {
	max-width: 720px;
}
.single-division .border-right {
	border-right: solid 1px #fff;
}
.single-division .border-bottom {
	border-bottom: solid 1px #fff;
}
.single-division .page-header {
	border-bottom: solid 1px #fff;
}
.single-division .page-header .separateur {
	border-left: solid 1px #fff;
}
.single-division .division-social .reseau-social {
	border-right: solid 1px #fff;
}
.single-division .division-social {
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
.single-division .nav-wrap {
	border-bottom: solid 1px #fff;
}
.single-division .nav-emploi {
	border-left: solid 1px #fff;
}
.single-division.menu-opened .nav-wrap {
	border-bottom: none;
}
.single-division .nav-langue a {
	border-left: solid 1px #fff;
}
.single-division .nav-bars {
	border-left: solid 1px #fff;
}
.single-division.menu-opened .nav-bars {
	border-left: solid 1px #000;
}
.division-image-1 {
	left: 0px;
	position: absolute;
	top: 10%;
	transform: rotate(15deg);
}
.division-image-1 img {
	width: 280px;
	height: 400px;
}
.division-image-2 {
	bottom: 15%;
	left: 30%;
	position: absolute;
	transform: rotate(-10deg);
}
.division-image-2 img {
	width: 400px;
	height: 280px;
}
.single-division .travailler-wrap {
	padding: 80px 0 100px 0;
}
.single-division .travailler-wrap h2 {
	font-size: 6em;
	font-weight: 300;
	padding: 40px 20px;
	margin-top: 0 !important;
}
.single-division .travailler-wrap img {
	border-radius: 10px;
}
.single-division .slideshow-travailler .image-slick img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: center;
}
.single-division .slideshow-travailler .slick-arrow {
	top: 100%;
	background: transparent;
	border: solid 1px var(--couleur-primaire);
	bottom: auto;
	transform: translate(0, -25%);
}
.single-division .slideshow-travailler .slick-arrow.fleche-next {
	/* float: right; */
	position: absolute;
	/* margin-right: 30px; */
	left: auto;
	right: 0;
}
.single-division .slideshow-travailler .slick-arrow.fleche-prev {
	position: absolute;
	right: 100px;
	bottom: 0;
	left: auto;
}
.single-division .slideshow-travailler a.fleche-next::after {
	background-image: url(assets/images/fleche-droite-bleu.svg) !important;
}
.single-division .slideshow-travailler a.fleche-prev::after {
	background-image: url(assets/images/fleche-gauche-bleu.svg) !important;
}
.single-division .slideshow-travailler .slick-arrow {
	top: 100%;
	background: transparent;
	border: solid 1px var(--couleur-primaire);
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.4);
}
.siege-info {
	margin-top: 40px;
}
.siege-titre {
	margin-bottom: 10px;
}
.siege-site {
	margin: 20px 0;
}
.siege-courriel .icone svg,
.siege-courriel .icone {
	width: 30px;
}
.bloc-informations-contact .siege-courriel .icone svg,
.bloc-informations-contact .siege-courriel .icone {
	width: 30px;
	font-size: 20px;
}
.siege-courriel {
	margin: 10px 0;
}
.siege-courriel .icone {
	width: 30px;
	margin-right: 10px;
}
.siege-adresse-courriel {
	flex-wrap: 1.1em;
	font-weight: 600;
}
.siege-tel .icone svg,
.siege-tel .icone {
	width: 30px;
	margin-right: 10px;
	font-size: 20px;
}
.siege-tel {
	margin-bottom: 5px;
}
.siege-adresse {
	margin-bottom: 20px;
}
.presence {
	margin: 40px;
	min-height: 120px;
}
.presence .titre {
	margin-bottom: 20px;
}
.liste-pays {
	max-width: 700px;
}
.liste-pays > div {
	margin-bottom: 10px;
}
.division-social {
	width: 100%;
	height: auto;
	border-top: var(--bordure);
	border-bottom: var(--bordure);
	min-height: 180px;
}
.division-social .reseau-social {
	width: 33.33%;
	min-height: 180px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: var(--bordure);
}
.division-social .reseau-social svg {
	font-size: 4em;
}
.division-social .reseaux-sociaux-wrap {
	width: 100%;
}
.division-social .reseau-social a {
	background-color: transparent;
}

/*--------------------------------------------------------------
## Template - Sidebar
--------------------------------------------------------------*/

.sidebar .menu ul li {
	width: 100%;
}

/*--------------------------------------------------------------
## Template - 404
--------------------------------------------------------------*/

section.not-found .entry-content p {
	font-size: 1em;
}
.error-404 {
	padding: 40px 0;
}

/*--------------------------------------------------------------
# Template parts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Template - Content
--------------------------------------------------------------*/

.entry-thumbnail a {
	display: block;
}

.entry-thumbnail {
	overflow: hidden;
}

.entry-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	min-height: 200px;
	max-height: 300px;
	object-fit: cover;
	object-position: center;
	overflow: hidden;

	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.entry-thumbnail img:hover {
	transform: scale(1.05);
	filter: brightness(0.9);
}

.entry-header {
	margin-bottom: 30px;
}

.entry-title {
	margin: 0;
}

.entry-title a {
	color: inherit;
}

.entry-meta {
	margin-bottom: 0.6em;
	line-height: 1;
}

.entry-date {
	font-family: "Helvetica Neue Roman", sans-serif;
	font-style: normal;
	font-size: 0.8em;
	line-height: 1;
}

.entry-category a,
.entry-tags a {
	display: inline-block;

	font-family: "Helvetica Neue Roman", sans-serif;
	font-style: normal;
	font-size: 0.8em;
	text-transform: uppercase;

	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.entry-category a:not(:last-child)::after,
.entry-tags a:not(:last-child)::after {
	content: "|";
	display: inline-block;
	margin: 0 0.5em;
}

/*--------------------------------------------------------------
## Template - Pagination
--------------------------------------------------------------*/

.pagination-wrapper {
	margin-top: 3em;
}

.pagination .nav-links {
	text-align: center;
}

.pagination .nav-links ul.page-numbers {
	letter-spacing: 0;
	line-height: 1;

	margin: 0;
	padding: 0;
}

.pagination .nav-links li {
	display: inline-block;

	margin: 0 0.4em;
	padding: 0;

	vertical-align: top;
}

.pagination .nav-links li:first-child {
	margin-left: 0;
}

.pagination .nav-links li:last-child {
	margin-right: 0;
}

.pagination .nav-links li .page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.6em;
	height: 1.6em;
	font-size: 1.2em;
	line-height: 0em;
	position: relative;

	color: #000;
	font-weight: 400;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.pagination .nav-links li .page-numbers::after {
	content: "";
	position: absolute;
	border: 2px solid #000;
	border-radius: 50%;
	width: 1.6em;
	height: 1.6em;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.pagination .nav-links li .page-numbers.current::after {
	border-color: #848484;
}

.pagination .nav-links li .page-numbers.next::after,
.pagination .nav-links li .page-numbers.prev::after {
	content: none;
}

.pagination .nav-links li .page-numbers:hover,
.pagination .nav-links li .page-numbers:focus {
	color: #848484;
}

.pagination .nav-links li .page-numbers:hover::after,
.pagination .nav-links li .page-numbers:focus::after {
	border-color: #848484;
}

.pagination .nav-links li .page-numbers.current,
.pagination .nav-links li .page-numbers.current:hover,
.pagination .nav-links li .page-numbers.current:focus {
	border-color: #848484;
	color: #848484;
}

.pagination .nav-links li .page-numbers.prev,
.pagination .nav-links li .page-numbers.next {
	background-color: transparent;
	border-color: transparent;
	color: #000;
}

.pagination .nav-links li .page-numbers.prev svg,
.pagination .nav-links li .page-numbers.next svg {
	height: 2em;
	width: 0.5em;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.pagination .nav-links li .page-numbers.prev:hover .icon {
	-webkit-transform: translateX(-0.2em);
	-moz-transform: translateX(-0.2em);
	-o-transform: translateX(-0.2em);
	transform: translateX(-0.2em);
}

.pagination .nav-links li .page-numbers.next:hover .icon {
	-webkit-transform: translateX(0.2em);
	-moz-transform: translateX(0.2em);
	-o-transform: translateX(0.2em);
	transform: translateX(0.2em);
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Component - Social-networks
--------------------------------------------------------------*/

.reseaux-sociaux-wrap {
	display: inline-flex;
}

header .reseaux-sociaux-wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	width: 80px;
	position: absolute;
	bottom: 20px;
}

header .reseaux-sociaux-wrap .reseau-social {
	margin: 8px 0 8px 0;
}

.reseau-social {
	font-size: 1.6rem;
	margin: 0 0.25em 0 0;
}

.reseau-social:last-child {
	margin: 0;
}

.reseau-social .icon {
	line-height: 0;
}

.reseau-social a {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 1em;
	height: 1em;
	font-size: 1em;

	border-radius: 100%;
	background-color: #000;

	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}

.reseau-social:hover a {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.reseau-social svg {
	color: #fff;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Plugin - SiteOrigin Panels
--------------------------------------------------------------*/

.panel-grid {
	margin-right: 0px !important;
	margin-left: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.panel-row-style:not(.background-display-tile) {
	background-repeat: no-repeat;
}

.panel-row-style.background-display-auto {
	background-size: auto auto;
}

.panel-row-style.background-display-cover {
	background-size: cover;
}

.panel-row-style.background-display-contain {
	background-size: contain;
}

.panel-row-style.background-display-stretch {
	background-size: 100% 100%;
}

.panel-row-style.background-display-full-width {
	background-size: 100% auto;
}

.panel-row-style.background-display-full-height {
	background-size: auto 100%;
}

.panel-row-cell-width-auto > .panel-grid-cell {
	width: auto !important;
}

/*--------------------------------------------------------------
## Plugin - Gravity Form
--------------------------------------------------------------*/
body .gform_wrapper {
	margin: 1rem 0;
}

body .gform_wrapper .gform_ajax_spinner {
	margin-left: 20px;
	width: 36px;
	/* position: absolute; */
	/* right: -26px; */
	/* top: calc(50% - 8px); */
	/* width: auto; */
}

.gform_confirmation_message {
	font-size: 1rem;
	margin-top: 30px;
}

/**
 * Form Body
 */

/* Form List Items */
/* Individual list items containing each form element */

body .gform_wrapper .gform_body .gform_fields {
	position: relative;
}

body .gform_wrapper .gform_body .gform_fields .gfield {
	display: inline-block;
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	width: 100%;
}

body .gform_wrapper .gform_body .gform_fields .gfield--type-hidden {
	position: absolute;
	margin: 0;
	padding: 0;
}

body .gform_wrapper .gform_body .gform_fields .gfield::before {
	content: none !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield input {
	padding: 10px 6px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half {
	max-width: calc(50% - 1.75rem) !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half {
	margin-right: 1.75rem !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half {
	margin-left: 1.75rem !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_third,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_third {
	max-width: calc(33.3% - 1.75rem) !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_third,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third {
	margin-right: 1.75rem !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third,
body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_third {
	margin-left: 1.75rem !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield.field_admin_only {
	display: inline !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Input Field Container */
/* Wraps the actual form element inside the containing list item */

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
	margin-top: 0 !important;
	line-height: 0;
}

/* Input Field Description Container */
/* Contains the field description inside the containing list item */

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
	border: 0;
	background: transparent;
	padding: 0;
	padding-right: 1rem !important;
	list-style: 1;
	font-size: 1em;
	line-height: 1;
}

body .gform_wrapper .gform_body .gform_fields .gfield.field_description_below .gfield_description {
	margin-top: 0.5rem;
	padding-top: 0;
}

/* Standard Field Label */

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
	display: inline-block;
	margin-top: 0 !important;
	margin-bottom: 1rem;
	text-transform: none;
}

body .gform_wrapper .gform_body .gform_fields .gfield_checkbox label,
body .gform_wrapper .gform_body .gform_fields .gfield_radio label {
	font-size: 0.95rem;
}

body .gform_wrapper .gform_body .gform_fields .gfield_radio label {
	margin: 0;
}

/* Required Field Indicator (Asterisk) */

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
	color: #e00000;
}

/**
 * Standard Fields
 */

/* Text Field */

body .gform_wrapper .gform_body .gform_fields .gfield.hidden_label input {
	margin-top: 0;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"] {
	max-width: 100%;
	margin-bottom: 0;
}

/* Textarea Field */

body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	margin-bottom: 0;
	border: solid 1px var(--couleur-primaire);
	padding: 10px;
}

/* Select Field */

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select {
	white-space: nowrap;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select::after {
	content: "\f107";
	display: none;
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
}

body .gform_wrapper .gform_body .gform_fields .gfield select::-ms-expand {
	display: none;
}

body .gform_wrapper .gform_body .gform_fields .gfield select {
	white-space: normal;

	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;

	padding-right: 26px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield select + .svg-inline--fa[data-fa-pseudo-element=":after"] {
	position: relative;
	right: 20px;
	top: 4px;
	color: #000;
	font-size: 26px;
	pointer-events: none;

	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

body .gform_wrapper .gform_body .gform_fields .gfield select:focus + .svg-inline--fa[data-fa-pseudo-element=":after"],
body .gform_wrapper .gform_body .gform_fields .gfield select:focus:hover + .svg-inline--fa[data-fa-pseudo-element=":after"] {
	color: #000;

	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* Checkbox and Radio Field */

body .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label,
body .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
	font-weight: normal;
}

body .gform_wrapper .gform_footer {
	position: relative;
	margin-top: 1rem;
	padding: 1rem 0 0.8rem 0;
}

/* Submit button */

body .gform_wrapper .gform_footer input[type="submit"] {
	/* display: block; */
	/* margin: auto; */
	margin: 0;
	transition: 0.7s;
}
body .gform_wrapper .gform_footer input[type="submit"]:hover {
	background-color: var(--couleur-primaire);
	transition: 0.3s;
}

/**
 * Validation Errors
 */

/* Validation - Error Message */

.gform_wrapper .gform_validation_errors {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	display: none;
}

body .gform_wrapper .validation_error {
	color: #e00000 !important;
	border: 0 !important;
	padding: 0 0 0 60px !important;
	width: calc(100% - 16px) !important;
	text-align: left !important;
	position: relative;
	font-weight: normal !important;
	position: relative;
}

body .gform_wrapper .validation_error::before {
	display: none;
	content: "\f057";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
}

body .gform_wrapper .validation_error .svg-inline--fa {
	position: absolute;
	top: calc(50% - 0.5em);
	left: 0;
	font-size: 2.5em;
}

/* Validation & Error Container */
/* Individual list items containing inputs with invalid values */

body .gform_wrapper .gform_body .gform_fields .gfield_error {
	background-color: transparent;
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
}

body .gform_wrapper.gform_validation_error .gform_body .gform_fields .gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: 100% !important;
}

/* Validation & Error Description Message */
/* Description/error message below inputs with invalid values */

body .gform_wrapper .gfield_validation_message,
body .gform_wrapper .validation_message {
	margin-top: 0.5rem;
	border: none;
	background-color: transparent;
	padding: 0;
	color: #e00000;
	/* font-size: 12px !important; */
}

/* Validation & Error Field Label */

body .gform_wrapper .gform_body .gform_fields .gfield_error .gfield_label {
	color: #e00000;
}

/* Validation & Error Fields */

body .gform_wrapper .gform_body .gform_fields .gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
body .gform_wrapper .gform_body .gform_fields .gfield_error textarea,
body .gform_wrapper .gform_body .gform_fields .gfield_error select {
	border-color: #e00000;
}

/*--------------------------------------------------------------
## Plugin - Slick
--------------------------------------------------------------*/

.slick {
	position: relative;
	line-height: 1;
}

.slick-track {
	margin-left: 0;
	margin-right: 0;
}

.slick-arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1em;
	height: 1em;
	font-size: 1em;

	position: absolute;
	top: 50%;

	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);

	color: #000;
	background: transparent;
	cursor: pointer;
	z-index: 1;
}

.slick-prev {
	left: -1.65em;
}
.slick-next {
	right: -1.65em;
}

.slick-prev .icon,
.slick-next .icon {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.slick-prev:hover .icon {
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	transform: translateX(-5px);
}

.slick-next:hover .icon {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

.slick-dots {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	position: absolute;
	bottom: 10px;
	font-size: 0;
	z-index: 1;
}

.slick-dots li {
	display: inline-block;
	margin: 4px;
}

.slick-dots li button {
	background-color: transparent;
	border: 2px solid #000;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	font-size: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	cursor: pointer;

	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;

	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.slick-dots li button:hover,
.slick-dots li.slick-active button {
	background-color: #000 !important;
}

/*--------------------------------------------------------------
## Plugin - FontAwesome
--------------------------------------------------------------*/

ul.fa-ul {
	text-align: initial;
	margin-left: 2em;
}

span.fa-li {
	left: -2em;
	width: 2em;
	text-align: left;
}

span.fa-li .svg-inline--fa {
	color: currentColor;
	font-size: 1.2em;
	vertical-align: text-bottom;
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
@media (min-width: 768px) {
	.carriere-header.background-image {
		background-image: none !important/*Because background-image is set inline*/;
	}
	.emploi-single-intro.background-image .emploi-zone-intro {
		min-height: auto;
	}
	.emploi-single-intro.background-image .emploi-zone-logo {
		min-height: auto;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 52.333% 0 0;
	}
	/*.emploi-zone-logo {
		border-left: solid 1px var(--couleur-primaire);
	}*/
	.emploi-apercu-titre h4 {
		font-size: 1rem;
	}
	.slick-texte-carrousel .texte-generique {
		padding: 0 80px;
	}
}

@media (min-width: 1024px) {
	.emploi-apercu-titre h4 {
		font-size: 1.4rem;
	}
}

@media (max-width: 1599px) {
	.titre-section.border-right {
		border: 0;
	}
	.titre-section {
		width: 30px;
	}
	/*.titre-section {
		position: absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		height: 40px;
		width: 100%;
	}*/
	/*.titre-section .titre {
		text-orientation: initial;
		font-family: var(--font-secondaire);
		writing-mode: initial; 
		transform: rotate(0deg);
	}*/
}

@media (max-width: 1529px) {
	h1,
	h2.h1 {
		font-size: 7em;
	}
	.boxed-wide {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.mobile-navigation ul li a {
		font-size: 3.2em;
	}
	.bloc-introduction .intro-titre {
		font-size: 6em;
	}
}

@media (max-width: 1399px) {
	.titre-single-emploi h1 {
		font-size: 2.8em !important;
	}
	.single-division .page-header img {
		width: 90%;
		max-width: auto;
	}
	.texte-generique .titre h2 {
		font-size: 5em;
	}
	/* .titre-section.border-right {
		border-right: solid 0;
	} */
	/* .titre-section {
		width: 30px;
	} */
	.bloc-quatuor-cercles .cercle-item {
		width: 280px;
		height: 280px;
		margin: auto;
	}
}

@media (max-width: 1349px) {
	.slick-prev {
		left: 0;
	}

	.slick-next {
		right: 0;
	}

	.boxed {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	/* .nav-wrap,
	.nav-wrap.fixed {
		padding: 15px 0;
	} */

	/*header .reseaux-sociaux-wrap {
		top: 160px;
		right: 30px;
	}*/
	.emploi-single-intro .texte-marketing .content {
		padding-left: 0vw;
	}
	.carriere-header .image-emploi {
		position:relative;
		transform: rotate(-8deg);
		top: auto;
		left: 2em;
	}
	.carriere-header .image-emploi.image-une-horizontale {
    	top: 40%;
	}
}

@media (max-width: 1249px) {
	/*h1 {
		font-size: 3.2em;
	}*/

	h2 {
		font-size: 2em;
	}

	h3 {
		font-size: 1.4em;
	}

	h4 {
		font-size: 1em;
	}
	.page-header .separateur {
		border-left: 0;
	}
	.emploi-manchette {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	.padding-grid-left {
		padding-left: 30px !important;
	}
	.emploi-single-autres .emploi-section {
		width: 33.33%;
	}
	.bloc-quatuor-cercles .cercle-item {
		width: 220px;
		height: 220px;
		margin: auto;
	}
	.bloc-quatuor-cercles h5 {
		font-size: 18px;
	}
	.bloc-introduction .intro-image-1 {
		left: -12%;
	}
	.bloc-introduction .intro-image-2 {
		right: -5%;
		top: 20%;
	}
	.bloc-introduction .intro-image-3 {
		left: -3%;
	}
	.avantage-unique .avantage-zone-titre .avantage-titre h4 {
		font-size: 2em;
	}
}

@media (max-width: 1023px) {
	h1,
	h2.h1 {
		font-size: 4em;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.2em;
	}
	.main-navigation ul li a {
		padding: 10px 10px;
		font-size: 14px;
	}
	header .reseaux-sociaux-wrap {
		display: none;
	}
	.mobile-navigation ul li a {
		font-size: 2.8em;
	}
	.menu-open-right .separateur-right {
		display: none;
	}
	#menu-menu-secondaire {
		padding-right: 0px;
	}
	.page-header .header-image-2 {
		right: -15%;
		top: 15%;
	}
	.page-header .header-image-1 {
		top: 20%;
		left: -25%;
	}
	.bloc-introduction .intro-info {
		max-width: 75vw;
		padding: 30px 0;
	}
	.bloc-introduction .intro-titre {
		font-size: 48px;
	}
	.bloc-introduction .intro-texte {
		font-size: 18px;
	}
	.bloc-introduction .intro-titre-2 + .intro-texte,
	.bloc-introduction .intro-texte + .intro-btn {
		margin-top: 25px;
	}
	.bloc-introduction .intro-image-1 {
		left: 3%;
		top: 0%;
	}
	.bloc-introduction .intro-image-2 {
		right: 5%;
		top: 2%;
	}
	.bloc-introduction .intro-image-3 {
		left: 7%;
		bottom: -10%;
	}
	.bloc-introduction .separateur {
		display: none;
	}
	.filtres {
		flex-wrap: wrap;
	}
	.filtres .facetwp-facet {
		width: 100%;
	}
	.facetwp-facet-facet_reset {
		width: 100% !important;
	}
	.facetwp-facet {
		margin-bottom: 0px !important;
	}
	/* .single-division .filtres .facetwp-facet {
		width: 48%;
	} */
	.texte-generique .titre h2 {
		font-size: 4em;
	}
	.single-division .page-header .separateur {
		border-left: solid 0px #fff;
	}
	.presentation-introduction {
		font-size: 1.8em;
	}
	.bloc-introduction .intro-image-1 img {
		/* 7:5 Ratio */
		height: 185px;
		width: 259px;
	}
	.bloc-introduction .intro-image-2 img {
		/*5:7 Ratio*/
		height: 259px;
		width: 185px;
	}
	.bloc-introduction .intro-image-3 img {
		/*5:7 Ratio*/
		height: 259px;
		width: 185px;
	}
}

@media (max-width: 959px) {
	.main-navigation {
		display: none;
	}
	.emploi-departement {
		display: none;
	}
	.resultats-titres-colonnes .emplois-departements {
		display: none;
	}
	.emplois-liens {
		width: auto;
	}
	.titre-single-emploi h1 {
		font-size: 1.5em !important;
	}
	.carriere-header {
		padding: 120px 0 100px 0;
	}
	.texte-generique .introduction {
		font-size: 1.6em;
	}
}

@media (max-width: 767px) {
	/*h1,
	h2.h1 {
		font-size: 3em;
	}*/

	h2 {
		font-size: 2em;
	}

	h3 {
		font-size: 1.4em;
	}

	h4 {
		font-size: 1.3em;
	}

	.layout-flex .layout-100, .layout-flex .layout-95, .layout-flex .layout-90, .layout-flex .layout-85, .layout-flex .layout-80, .layout-flex .layout-75, .layout-flex .layout-70, .layout-flex .layout-66, .layout-flex .layout-65, .layout-flex .layout-60, .layout-flex .layout-55, .layout-flex .layout-50, .layout-flex .layout-45, .layout-flex .layout-40, .layout-flex .layout-35, .layout-flex .layout-33, .layout-flex .layout-30, .layout-flex .layout-25, .layout-flex .layout-20, .layout-flex .layout-15, .layout-flex .layout-10, .layout-flex .layout-5 {
		width: 100%;
	}

	/*#logo {
		max-width: none;
		min-width: auto;
		width: 50px;
	}*/

	.nav-wrap.fixed {
		position: fixed;
	}

	.menu-button {
		display: block;
	}

	h1.entry-title {
		text-align: center;
	}

	.site-footer {
		text-align: center;
	}

	.footer-logo-wrap {
		margin: 0 auto;
	}

	.copyright-wrap,
	.os_credit {
		text-align: center;
	}

	body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half {
		max-width: calc(50% - 1em) !important;
	}

	body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_third,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third {
		margin-right: 1em !important;
	}

	body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_third {
		margin-left: 1em !important;
	}

	body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_third,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_third {
		max-width: calc(33% - 1rem) !important;
	}
	.mobile-navigation .sub-menu {
		display: none;
	}
	.button-sub-menu {
		display: initial;
		position: absolute;
		right: 0;
		top: 12px;
		margin: 0;
	}
	.menu-open-left,
	.menu-open-right {
		flex: 1 1 100%;
		height: auto;
	}
	.menu-open-left {
		width: auto;
		align-items: flex-end;
	}
	.menu-open-right {
		width: auto;
		align-items: flex-start;
	}
	.menu-open-left .separateur,
	.menu-open-right .separateur-top,
	.menu-open-right .separateur-bottom {
		display: none;
	}
	.mobile-navigation ul li a {
		font-size: 2em;
		padding: 15px 0;
	}
	.nav-wrap {
		background: var(--couleur-tertiaire);
	}
	.mobile-navigation .sub-menu li a {
		font-size: 0.8em !important;
		padding: 12px 20px 10px 20px;
	}
	.logo-wrap {
		width: 200px;
		padding: 0 0 0 20px !important;
		justify-content: flex-start;
	}
	.menu-menu-principal-container {
		margin-top: 80px;
	}
	.mobile-navigation .menu-item.focus > .sub-menu {
		display: flex;
		margin-bottom: 15px;
	}
	.page-header {
		padding: 60px 0;
	}
	.page-header .header-introduction {
		display: none;
		/* max-width: 600px; */
		/* padding: 0 20px; */
		/* width: 100%; */
		/* z-index: 1; */
		/* font-size: 1em; */
		/* line-height: 1.4em; */
		/* color: var(--couleur-secondaire);*/
	}
	.page-header .header-image {
		display: none;
	}
	/* .bloc-introduction .intro-image {
		display: none;
	} */
	.bloc-introduction .intro-titre {
		font-size: 4em;
		font-size: 6.3vw;
	}
	.bloc-introduction .intro-texte {
		font-size: 2.35vw;
	}
	.bloc-introduction .intro-image-1 {
		top: -1%;
		left: -3%;
	}
	.bloc-introduction .intro-image-1 img {
		/*7:5 Ratio*/
		height: 150px;
		width: 210px;
	}
	.bloc-introduction .intro-image-2 {
		right: 5%;
		top: 5%;
	}
	.bloc-introduction .intro-image-2 img {
		/*5:7 Ratio*/
		height: 210px;
		width: 150px;
	}
	.bloc-introduction .intro-image-3 {
		left: 6%;
		bottom: -10%;
	}
	.bloc-introduction .intro-image-3 img {
		/*5:7 Ratio*/
		height: 210px;
		width: 150px;
	}
	.emploi-manchette + .emploi-manchette .emploi-apercu {
		margin-top: 60px;
	}
	.avantage-unique .avantage-zone-info {
		height: 0;
		position: relative;
		width: 100%;
		left: 0;
	}
	.avantage-unique.visible .avantage-zone-info {
		height: auto;
		padding: 40px 0 40px 0px;
		transition: 0.3s;
	}
	.avantage-unique .avantage-zone-titre .avantage-titre h4 {
		font-size: 1.6em;
	}
	.slideshow-social {
		padding: 40px 0;
	}
	.presentation-content {
		padding: 20px 0;
	}
	.presentation-logo {
		margin-top: 20px;
		margin-left: 0px;
	}
	.presentation-divisions-wrap {
		/* min-height: none; *//* Inutile si commenté en dehors du breakpoint */
		padding: 100px 0 10px 0;
		padding: 100px 0;
	}
	.presentation-introduction {
		font-size: 1.4em;
	}
	.presentation-divisions-wrap .presentation-image img {
		height: 260px;
	}
	.presentation-compte {
		margin-left: -10px;
		margin-top: -20px;
	}
	.carriere-header.background-image {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		padding: 52.333% 0 0;
	}
	.carriere-header.background-image .page-title {
		display: none;
	}
	.emploi-division {
		display: none;
	}
	.emplois-divisions {
		display: none;
	}
	.emplois-resultats {
		justify-content: space-between;
	}
	.bloc-liste-emplois {
		padding: 50px 0 0;
	}
	.resultats {
		margin-bottom: 50px;
	}
	.resultats-titres-colonnes .emplois-lieux {
		padding-left: 22px;
	}
	.resultats-titres-colonnes {
		display: none;
	}
	.emploi-single-intro .emploi-zone-intro,
	.emploi-single-intro .emploi-zone-logo {
		min-height: auto;
	}
	.emploi-single-intro .emploi-zone-intro {
		border-bottom: var(--bordure);
	}
	.emploi-single-intro .emploi-zone-intro.border-right {
		border-right: 0;
	}
	.emploi-single-intro.background-image .emploi-zone-logo {
		background-image: none !important/*Because background-image is set inline*/;
		padding: var(--padding-grid);
	}
	.emploi-single-logo,
	.emploi-single-intro.background-image .emploi-single-logo {
		display: block;
		width: 50%;
	}
	.emploi-single-logo img {
		width: 500px;
		max-width: 100%;
	}
	.emploi-single-intro > .layout-flex {
		flex-wrap: wrap;
	}
	.emploi-single-intro .layout-50 {
		width: 100%;
	}
	.texte-generique {
		padding: 40px 0;
	}
	.single-division .travailler-wrap h2 {
		font-size: 3em;
	}
	.single-division .division-image-1 {
		top: 0%;
	}
	.travailler-gallery .layout-flex > * {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.single-division .travailler-wrap {
		padding: 30px 0 10px 0;
	}
	.single-division .page-header {
		position: relative;
		height: 50vh;
	}
	.emplois-lieux {
		width: 70%;
	}
	.emplois-titres {
		width: 60%;
		padding-right: 10px;
	}
	.cercle-image {
		display: none;
	}
	.texte-images-carrousel {
		height: auto;
	}
	.bloc-image-pastille .image {
		width: calc(100%);
	}
	.bloc-boutique .conteneur-image-gauche {
		padding-left: 0;
		margin-bottom: 20px;
	}
	.bloc-boutique .conteneur-image-droite {
		padding-right: 0;
		margin-top: 10px;
	}
	.slideshow-engagement .info-wrap {
		left: 30px;
		right: 30px;
	}
	.bloc-image-pastille .image {
		border-right-width: 0 !important;
		border-left-width: 0 !important;
	}
	.texte-images-carrousel .slick-arrow {
		display: none;
	}
	.texte-generique .titre h2 {
		font-size: 3em;
	}
	.page-title {
		letter-spacing: 1px;
	}
	.bloc-quatuor-cercles .cercle-numero {
		top: -10px;
		left: -5px;
	}
	.liste-pays .layout-25 {
		width: 50%;
	}
	.division-social .reseau-social svg {
		font-size: 2em;
	}
	.division-social .reseau-social {
		min-height: 120px;
	}
	.division-social {
		min-height: 120px;
	}
	.carriere-header {
		padding: 30px 0 30px 0;
		min-height: auto;
	}
	.carriere-header .image-emploi {
        transform: rotate(0deg)!important;
    }
	.carriere-header .meta-single-emploi {
		margin: 20px 0 10px 0;
	}
	.carriere-header .image-emploi.image-une-verticale img {
		height: 420px;
		width: 300px
	}
	.emploi-single-intro .layout-70 {
		border-right:0;
		border-bottom:solid 1px var(--couleur-primaire);
	}
	.carriere-header .image-emploi.image-une-horizontale {
    	top: 0;
	}
	.carriere-header .image-emploi.image-une-horizontale img {
		width: 100%;
		max-width: 420px;
	}
	.carriere-header .image-emploi.image-une-horizontale {
		padding-left:0;
	}
	.emploi-single .sommaire {
		font-size: 1.4em;
		padding:0;
	}
	.emploi-single-info .layout-flex .layout-50 {
		padding:0;
	}
	.emploi-single-form .container {
		padding:0;
	}
	.emploi-single-form .formulaire {
		padding:60px 0 0 10px;
	}
	.emploi-single-intro .texte-marketing .content .citation {
		position: relative;
		font-size: 1.4em;
		margin-bottom: 20px;
		min-width: 65vw;
		min-height: 150px;
		display: flex;
		align-items: center;
	}

}

@media (max-width: 639px) {
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_third,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_third {
		max-width: calc(100%) !important;
	}

	body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half {
		margin-right: 0 !important;
	}

	body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half {
		margin-left: 0 !important;
	}

	body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_half,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_left_third,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third {
		margin-right: 0 !important;
	}

	body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_half,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_middle_third,
	body .gform_wrapper .gform_body .gform_fields .gfield.gf_right_third {
		margin-left: 0 !important;
	}

	body .gform_wrapper .gform_body .gform_fields .gfield input {
		padding: 6px !important;
	}

	body .gform_wrapper .gform_footer input[type="submit"] {
		width: 100%;
	}
	.nav-emploi {
		display: none;
	}
	/* .single-division .filtres .facetwp-facet {
		width: 46%;
	} */
	.emploi-single-autres .emploi-section {
		width: 50%;
	}
	.cercle-info {
		width: 400px;
		height: 400px;
	}
	.cercle-titre {
		font-size: 2.5em;
	}
	.bloc-quatre-photos-btn {
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 40px 0;
	}
	.bloc-introduction .intro-texte {
		font-size: 3.6vw;
	}
}

@media (max-width: 479px) {
	h1,
	h2.h1 {
		font-size: 2.6em;
	}
	.avantage-unique .avantage-zone-titre .avantage-titre h4 {
		font-size: 1.4em;
	}
	.single-division .travailler-wrap h2 {
		font-size: 2em;
	}

	h2 {
		font-size: 1.6em;
	}
	.emploi-single-autres .emploi-section {
		width: 100%;
	}
	.emploi-single-logo,
	.emploi-single-intro.background-image .emploi-single-logo {
		width: 75%;
	}
}

@media (max-width: 374px) {
}

@media (max-width: 319px) {
}