@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); /* font-family: 'Lato', sans-serif; */
@import url("https://use.typekit.net/glb3gmd.css"); /* font-family: sofia-pro, sans-serif;  */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* font-family: 'Barlow', sans-serif; */

/* _custom_design/main.css v.2.0.0 - last modified 24.07.2018 (see config/version_history.php for details)*/
/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Main options */

html {min-width: 350px;}
body {font-family: "Lato",sans-serif; min-width: 350px;}

.th-custom-design-title-intro {}
.th-custom-design-title {font-family: sofia-pro, sans-serif; text-align: center; font-size: 40px; text-transform: uppercase; font-weight: 700; padding: 20px 0;}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {font-family: sofia-pro, sans-serif; font-size: 25px; text-transform: uppercase; font-weight: 700;}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {font-family: sofia-pro, sans-serif; font-weight: 500; font-size: 25px; padding: 20px 0;}
.th-custom-design-paragraph-text {font-weight: 300; font-size: 15px;}

.th-custom-design-button {}

.th-custom-class-1 {font-size: 22px;}
.th-custom-class-2 {font-size: 20px;}
.th-custom-class-3 {font-size: 18px;}
.th-custom-class-4 {font-size: 16px;}
.th-custom-class-5 {font-size: 10px;}
.th-custom-color-1 {color: #b90000;}
.th-custom-color-2 {color: #00b900;}
.th-custom-color-3 {color: #0095b9;}
.th-custom-color-4 {color: #0032b9;}
.th-custom-color-5 {color: #b900b9;}

/* ------------------------------------------------------------------------------------- */
/* * Media Queries                                                                       */
/* standard "@media (max-width : px) {}": 1199px (col-md) | 991px (col-sm) | 767px (col-xs) | 500px | 400px */



/* * Media Queries                                                                       */
/* ------------------------------------------------------------------------------------- */

/* Main options */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Section # */

/* Header */ 
/* ===================================================================================================== */

.th-header-small {background-position: top; background-size: cover; background-attachment: inherit; width: 100%; height: 400px; -webkit-transform: skew(0deg, -5deg); transform: skew(0deg, -5deg); position: relative; top: -80px;}
.th-header-small .th-bg-opacity {background-color: rgba(63, 29, 10, 0.5); height: 400px; position: relative;}

.th-header {position: relative;}

.th-header .th-box {text-shadow: 1px 1px 21px rgba(0, 0, 0, 0.6); z-index: 1000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 200px;}
.th-header .th-box a {color: #fff;}

.th-header .th-background {background-image:url(/_custom_content/img/header_main.jpg); background-size: cover; -webkit-transform: skew(0deg, -5deg); transform: skew(0deg, -5deg); height: 800px; position: relative; top: -80px;}
.th-header .th-background .th-bg-opacity {background-color: rgba(63, 29, 10, 0.5); height: 800px; z-index: 2000;}

.th-header .th-arrow-container {position: absolute; top: 70%; bottom: 0; left: 0; right: 0; text-align: center; z-index: 1000}
.th-header .th-arrow-container i {color: #fff; font-size: 50px; display: inline-block; font-weight: 300;}
.th-header .th-box .th-title-line-1 {font-family: sofia-pro, sans-serif; color: #fff; font-weight: 700; font-size: 55px; text-align: center; text-transform: uppercase;}
.th-header .th-box .th-title-line-2 {font-family: 'Lato', sans-serif; color: #fff; font-weight: 400; font-size: 55px; text-align: center;}
.th-header .th-box .th-title-line-3 {color: #fff; font-size: 20px; font-weight: 300; padding: 20px 0; text-align: center;}
.th-header .th-btn-container {text-align: center; padding: 20px 0;}
.th-header .th-button {border: 2px solid #fff; border-radius: 10px; color: #fff; display: inline-block; padding: 10px 30px; font-size: 18px; font-weight: 600; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; margin: 0 5px; font-size: 14px;}
.th-header .th-button i {padding-right: 10px; font-size: 13px;}

.th-header .th-button:hover {background-color: #fff; text-decoration: none; color: #000; text-shadow: 1px 1px 21px rgba(0, 0, 0, 0.0);}

.th-header .th-blank-bg {background-color: rgba(255, 255, 255, 0); color: #1fa39c;}
.th-header .th-blank-bg:hover {border: 1px solid #fff; color: #fff; background-color: rgba(255, 255, 255, 0);}



@media (max-width : 991px) {
	.th-header-small {height: 250px;}
	.th-header-small .th-bg-opacity {height: 250px;}
	
	
    .th-header {margin-top: 100px;}
    .th-header .th-title-line-1 {font-size: 40px;}
    .th-header .th-title-line-1 strong {white-space: nowrap;}
	.th-header .th-box {padding-top: 100px;}
	.th-header .th-background {height: 800px; top: -150px;}
}

@media (max-width : 667px) {
    .th-header {padding: 0 0; background-attachment: inherit;}
    .th-header .th-bg-opacity {background-color: rgba(0, 0, 0, 0.3); padding: 130px 0px 130px 0px;}
    .th-header .th-box {text-align: center;}
    .th-header .th-box .th-title-line-1 {text-align: center; color: #fff; font-size: 40px;}
    .th-header .th-box .th-title-line-2 {text-align: center; color: #fff; font-size: 20px;}
    .th-header .th-box .th-title-line-3 {text-align: center; color: #fff; font-size: 15px;}
    .th-header .th-button {padding: 10px 35px; font-size: 14px; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; margin: 0 5px;}
	.th-header .th-box {padding-top: 20px;}
	.th-header .th-background {height: 500px; top: -150px;}
	.th-header .th-background .th-bg-opacity {height: 500px;}
	.th-header .th-arrow-container {top: 55%; bottom: 0;}
}

/* Compétences */ 
/* ===================================================================================================== */

.th-competences {padding-top: 50px; padding-bottom: 100px;}
.th-competences .th-custom-design-title {text-align: center;}
.th-competences .th-competences-grid {display: grid; grid-template-columns: 50% 50%; }
.th-competences .th-competences-grid a.th-competence-container {text-align: center; padding: 20px; color: #000;}
.th-competences .th-competences-grid a.th-competence-container:hover {text-decoration: none;}
.th-competences .th-competences-grid .th-competence-container .th-img-box {}
.th-competences .th-competences-grid .th-competence-container .th-img-box img {width: 100%;}
.th-competences .th-competences-grid .th-competence-container .th-custom-design-paragraph-title {padding: 20px 0;}

@media (max-width : 767px) {
	.th-competences .th-competences-grid {grid-template-columns: 100%;}
}

/* Thème */ 
/* ===================================================================================================== */

.th-theme {padding-bottom: 50px;}
.th-theme .th-questions-container {}
.th-theme .th-questions-container .th-custom-design-paragraph-text {}
.th-theme .th-questions-container .th-custom-design-paragraph-text i {padding-right: 10px;}
.th-theme .th-questions-container .th-custom-design-paragraph-text p {padding: 5px 0;}
.th-theme .th-questions-container .th-custom-design-paragraph-text .th-img-box {text-align: center;}
.th-theme .th-questions-container .th-custom-design-paragraph-text .th-img-box img {width: 200px;}
.th-theme .th-questions-container .th-quote-container {text-align: center;}
.th-theme .th-questions-container .th-quote {font-family: 'Barlow', sans-serif; font-size: 20px; font-weight: 500; padding: 10px 0; text-transform: uppercase; border-top: 1px solid #000; margin: 50px 0; display: inline-block;}

/* Contact */ 
/* ===================================================================================================== */

.th-contact {}
.th-contact .th-contact-grid {display: grid; grid-template-columns: 50% 50%; padding: 30px 0;}
.th-contact .th-contact-grid .th-info-container {}
.th-contact .th-contact-grid .th-info-container a {color: #000;}
.th-contact .th-contact-grid .th-map-container {}

@media (max-width : 767px) {
	.th-contact .th-contact-grid {grid-template-columns: 100%;}
	.th-contact .th-contact-grid .th-map-container {padding: 70px 0;}
}

/* Team */ 
/* ===================================================================================================== */

.th-team {background-color: #886958; padding: 30px 0;}
.th-team .th-custom-design-title {color: #fff;}
.th-team .th-team-grid {text-align: center; display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 0 100px;}
.th-team .th-team-grid .th-profile-container {padding: 20px 0;}
.th-team .th-team-grid .th-profile-container .th-img-box {padding: 0 20px;}
.th-team .th-team-grid .th-profile-container .th-img-box img {width: 200px;}
.th-team .th-team-grid .th-profile-container .th-custom-design-paragraph-subtitle {color: #fff; text-align: center; font-size: 18px;}

@media (max-width : 991px) {
	.th-team .th-team-grid {padding: 50px;}
}

@media (max-width : 767px) {
	.th-team .th-team-grid {display: grid; grid-template-columns: 50% 50%; padding: 0;}
}

@media (max-width : 500px) {
	.th-team .th-team-grid {display: grid; grid-template-columns: 100%; padding: 0;}
}


/* Wiki - Personalization */ 
/* ===================================================================================================== */

.th-blog .th-blog-grid .th-cat-container {
    font-family: sofia-pro, sans-serif;
    font-weight: 500;
    text-transform: none;
    font-size: 23px;
}

.th-blog .th-blog-grid .th-cat-container a {padding: 5px 0;}

/* Section # */
/* =========================================================================================================================== */
/* =========================================================================================================================== */