@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://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); /* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); /* font-family: 'Montserrat', sans-serif; */
@import url("https://use.typekit.net/ogd2ctu.css"); /* font-family: proxima-nova, sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700'); /* font-family: 'Roboto Slab', 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;}

a {}
a:hover {color: #fff; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}

.th-custom-design-title-intro {font-family: 'Montserrat', sans-serif; color: #fff; text-transform: uppercase; font-size: 13px;}
.th-custom-design-title {font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 200; text-align: center; padding: 50px 0px 10px 0px;}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 300; color: #4a4a4a; padding-bottom: 30px; text-align: center;}

@media (max-width : 990px) {
    .th-custom-design-title-subtitle {font-weight: 300;}   
}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {font-family: 'Roboto Slab', serif;font-weight: 900; font-size: 35px; color: #596d85;}
.th-custom-design-paragraph-title-underline {background-color: #596d85; padding: 1px 25px; display: inline-block;}
.th-custom-design-paragraph-subtitle {font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 12px; color: #596d85; padding: 5px 0px;}
.th-custom-design-paragraph-text {font-family: 'Montserrat', sans-serif; color: #596d85; padding: 20px 0px; font-size: 12px;}

.th-custom-design-button {background-color: #4adfcc; padding: 15px 25px; border-radius: 25px; color: #fff; display: inline-block; font-size: 11px; font-weight: 900;}
.th-custom-design-button:hover {background-color: #405064; transition-duration: 0.4s;}


/* ------------------------------------------------------------------------------------- */
/* * 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 {background-image:url(/_custom_design/img/header.jpg); background-position: top center; background-size: cover; margin-top: 100px;}
#th-header .th-bg-opacity {background-color: rgba(61, 78, 96, 0.5);}
#th-header .th-box {padding-top: 180px; padding-bottom: 180px;}
#th-header .th-title-line-1 {font-family: 'Roboto Slab', serif; text-transform: uppercase; font-size: 50px; font-weight: 300; color: #fff; padding-bottom: 20px; Line-Height: 1;}
#th-header .th-title-line-2 {font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; color: #fff; padding-bottom: 30px;}
#th-header .th-button {font-family: 'Roboto Slab', serif; background-color: #141414; text-transform: none; color: #fff; display: inline-block; padding: 12px 30px; font-size: 12px; font-weight: 400;}
#th-header .th-button {background-color: #49dfcc; border-radius: 25px; color: #fff; display: inline-block; padding: 15px 25px; font-size: 15px; font-weight: 300; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
#th-header .th-button:hover {background-color: #3dbeae; text-decoration: none; color: #fff;}

@media (max-width : 990px) {
    #th-header {}
    #th-header .th-title-line-1 {font-size: 40px;}
    #th-header .th-title-line-1 strong {white-space: nowrap;}
    #th-header .th-title-line-2 {padding-right: 25px; font-size: 12px;}
    #th-header .th-button {font-weight: 300;}    
}

@media (max-width : 667px) {
    #th-header {padding-top: 0px;}
    #th-header .th-bg-opacity {background-color: rgba(0, 0, 0, 0.69);}
    #th-header .th-title-line-1 {font-family: proxima-nova, sans-serif; text-transform: none;}
    #th-header .th-title-line-2 {font-family: proxima-nova, sans-serif;}
    #th-header .th-box {text-align: center;}
}

/* Création & mise en page # */
/* ===================================================================================================== */

#th-book {background-color: #f7f7f7;}
#th-book .th-grid-container {position: relative; height: 450px;}
#th-book .th-grid-container .th-img-container {position: absolute; top: 0; bottom: 0; padding: 15%; display: flex; justify-content: center; align-items: center;}
#th-book .th-grid-container .th-img-container img {width: 100%;}
#th-book .th-grid-container .th-text-container {position: absolute; top: 0; bottom: 0; padding: 50px; display: flex; justify-content: center; align-items: center;}
#th-book .th-grid-container .th-text-container .th-flex-text-container {}
#th-book .th-grid-container:nth-child(2n+1) .th-img-container {left: 0; right: 50%;}
#th-book .th-grid-container:nth-child(2n+1) .th-text-container {left: 50%; right: 0;}
#th-book .th-grid-container:nth-child(2n) .th-img-container {left: 50%; right: 0;}
#th-book .th-grid-container:nth-child(2n) .th-text-container {left: 0; right: 50%;}
#th-book .th-text-container .th-custom-design-button {background-color: #596d85;}
#th-book .th-text-container .th-custom-design-button:hover {background-color: #3a4858;}

@media (max-width : 667px) {
    #th-book .th-grid-container {height: auto;}
    #th-book .th-grid-container .th-img-container {position: relative;}
    #th-book .th-grid-container .th-img-container img {max-width: 150px;}
    #th-book .th-grid-container .th-text-container {position: relative; text-align: center; padding-top: 0px;}
    #th-book .th-grid-container:nth-child(2n+1) .th-img-container {left: 0; right: 0;}
    #th-book .th-grid-container:nth-child(2n+1) .th-text-container {left: 0; right: 0;}
    #th-book .th-grid-container:nth-child(2n) .th-img-container {left: 0; right: 0;}
    #th-book .th-grid-container:nth-child(2n) .th-text-container {left: 0; right: 0;}
    #th-book .th-grid-container .th-text-container .th-title-box {text-align: left;}
    #th-book .th-grid-container .th-text-container .th-subtitle-box {text-align: left;}
}

/*  Impression */
/* ===================================================================================================== */

#th-print {background-color: #f7f7f7;}
#th-print .th-grid-container {position: relative; height: 450px;}
#th-print .th-grid-container .th-img-container {position: absolute; top: 0; bottom: 0; padding: 15%; display: flex; justify-content: center; align-items: center;}
#th-print .th-grid-container .th-img-container img {width: 100%;}
#th-print .th-grid-container .th-text-container {position: absolute; top: 0; bottom: 0; padding: padding: 50px; display: flex; justify-content: center; align-items: center; color: #fff;}
#th-print .th-grid-container .th-text-container .th-custom-design-paragraph-title {text-align: right;}
#th-print .th-grid-container .th-text-container .th-custom-design-paragraph-subtitle {text-align: right;}
#th-print .th-grid-container .th-text-container .th-custom-design-paragraph-text {text-align: right;}
#th-print .th-grid-container .th-text-container .th-button-container {text-align: right;}
#th-print .th-grid-container .th-text-container .th-flex-text-container {}
#th-print .th-grid-container .th-text-container .th-custom-design-button {background-color: #596d85;}
#th-print .th-grid-container .th-text-container .th-custom-design-button:hover {background-color: #3a4858;}
#th-print .th-grid-container:nth-child(2n+1) .th-img-container {left: 50%; right: 0;}
#th-print .th-grid-container:nth-child(2n+1) .th-text-container {left: 0; right: 50%;}
#th-print .th-grid-container:nth-child(2n) .th-img-container {left: 0; right: 50%;}
#th-print .th-grid-container:nth-child(2n) .th-text-container {left: 50%; right: 0;}

@media (max-width : 667px) {
    #th-print {padding-bottom: 50px;}
    #th-print .th-grid-container {height: auto; display: grid; grid-template-columns: 100%;}
    #th-print .th-grid-container .th-img-container {position: relative; grid-row-start: 1; grid-row-end: 2;}
    #th-print .th-grid-container .th-img-container img {max-width: 150px;}
    #th-print .th-grid-container .th-text-container {position: relative; text-align: center; padding: 0px 20px; grid-row-start: 2; grid-row-end: 3;}
    #th-print .th-grid-container:nth-child(2n+1) .th-img-container {left: 0; right: 0;}
    #th-print .th-grid-container:nth-child(2n+1) .th-text-container {left: 0; right: 0;}
    #th-print .th-grid-container:nth-child(2n) .th-img-container {left: 0; right: 0;}
    #th-print .th-grid-container:nth-child(2n) .th-text-container {left: 0; right: 0;}
    #th-print .th-grid-container .th-text-container .th-title-box {text-align: center;}
    #th-print .th-grid-container .th-text-container .th-subtitle-box {text-align: center;}
    #th-print .th-grid-container .th-text-container .th-custom-design-paragraph-title {text-align: center;}
    #th-print .th-grid-container .th-text-container .th-custom-design-paragraph-subtitle {text-align: center;}
    #th-print .th-grid-container .th-text-container .th-custom-design-paragraph-text {text-align: center;}
    #th-print .th-grid-container .th-text-container .th-button-container {text-align: center;}
}

/* Réalisations */
/* ===================================================================================================== */

#th-works {background-image: url(/_custom_design/img/book-1b.jpg); background-size: cover; padding: 50px 0px;}
.th-book-4 {background-image: url(/_custom_design/img/book-4.jpg);}
#th-works .th-bg-opacity {background-color: rgba(0, 0, 0, 0);}
#th-works .th-grid-container {display: grid; grid-template-columns: 50% 50%;}
#th-works .th-grid-container .th-img-container {padding: 15%; display: flex; justify-content: center; align-items: center;}
#th-works .th-grid-container .th-img-container img {width: 100%;}
#th-works .th-grid-container .th-text-container {padding: 50px; display: flex; justify-content: center; align-items: center;}
#th-works .th-grid-container .th-text-container .th-flex-text-container {}
#th-works .th-grid-container .th-text-container .th-flex-text-container .th-custom-design-paragraph-title {padding-top: 30px; color: #fff;}
#th-works .th-custom-design-paragraph-subtitle {color: #fff;}
#th-works .th-custom-design-paragraph-text {color: #fff;}
#th-works .th-grid-container .th-text-container .th-flex-text-container .th-custom-design-button {background-color: rgba(255, 255, 255, 0); border: 1px solid #fff;}
#th-works .th-grid-container .th-text-container .th-flex-text-container .th-custom-design-button:hover {background-color: #fff; color: #000;}

@media (max-width : 667px) {
    #th-works {padding: 0px 0px; background-attachment: inherit;}
    #th-works .th-bg-opacity {background-color: rgba(0, 0, 0, 0.57);}
    #th-works .th-grid-container {grid-template-columns: 100%;}
    #th-works .th-grid-container .th-text-container {text-align: center;}
    #th-works .th-grid-container .th-img-container {padding: 0;}
}


/* Page: 'aos-exemples.php' */
/* ===================================================================================================== */

#th-aos-animation {}
#th-aos-animation .th-infos {padding: 0px 50px; border: 1px solid #000;}
#th-aos-animation .th-aos-boxes {display: grid; grid-template-columns: 50% 50%; padding: 50px; text-align: center;}
#th-aos-animation .th-aos-boxes .th-box {background-color: #797979; padding: 20px 0px; color: #fff;}

/* =========================================================================================================================== */

/* cgb.php */
/* Header */
/* ===================================================================================================== */

#th-cgv { margin-top: 100px;}

.cgb a {color: #fff;}