html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
font: inherit;
font-size: 100%;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
margin: 0;
padding: 0;
font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline;
*vertical-align: middle; }
button,
input {
line-height: normal; *overflow: visible; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
font-family: 'Raleway', sans-serif;
font-weight: 700;
color: #fff;
letter-spacing: 0.9px;
line-height: 1;
border-radius: 5px;
background: #B4C9C0;
padding: 16px 31px 16px 31px;
transition: all 0.25s linear;
border:none;
box-shadow:none;
font-size:14px;
cursor:pointer;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background:#F17337;
color:#fff;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
input[type=text],
input[type=email],
textarea {
color: #202D2A;
border: 1px solid #202D2A;
border-radius: 5px;
font-family: 'Nunito Sans', sans-serif;
line-height: 26.64px;
font-size: 18px; 
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
color: #101010;
}
input[type=text],
input[type=email] {
padding: 3px;
}
textarea {
overflow: auto; padding: 10px;
vertical-align: top; width: 98%;
color: #202D2A;
border: 1px solid #202D2A;
border-radius: 5px;
font-family: 'Nunito Sans', sans-serif;
line-height: 26.64px;
font-size: 18px;  
} body,
button,
input,
select {
padding: 0;
margin: 0;
background: #fff;
font-family: 'Nunito Sans', sans-serif;
line-height: 26.64px;
font-size: 18px;
font-size: 1.8rem;
color:#283B33;
}  h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 900;
font-family: 'Raleway', sans-serif;
}
h1 {
color: #F17337;
font-size: 52px;
line-height: 57px;
}
h2 {
color: #F17337;
font-size:46px;
line-height: 52px;
}
h3 {
font-weight: 900;
font-family: 'Raleway', sans-serif;
font-size: 33px;
line-height: 38px;
color: #F17337;
}
h4 {
font-weight: 900;
font-family: 'Raleway', sans-serif;
font-size: 25px;
line-height: 30px;
color: #F17337;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
} p {
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
} a {
color: #F17337;
-webkit-transition: color 0.25s ease-in-out;
-moz-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
-ms-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
text-decoration: none;
}
a:hover{
color:#B4C9C0
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
.clear{
clear:both;
}
.container{
width:1350px;
margin:0 auto;
} header.fixed #header-level-2 {
background: #F1EEEA;
padding-top: 15px;
padding-bottom: 5px !important;
height: 50px;
}
header.fixed #overlay-menu-right {
background-color: #202D2A;
width: calc(300px + 3%);
position: absolute;
right: 0;
bottom: 0;
height: 100%;
}
header.fixed  #header-menu-level-2{
margin-top:10px;
}
#header-logo svg {
transition: all 0.25s linear;
width:52px;
height:auto;
}
#header-logo svg  path{
fill:#B4C9C0;
}
.home #header-logo svg  path{
fill:#fff;
}
header.fixed #header-logo svg {
width: 40px;
height:auto;
}
#header-level-1 {
position: relative;
overflow: hidden;
color: #fff;
background-color: #202D2A;
padding-left: 3%;
padding-right: 3%;
box-sizing: border-box;
padding-top:14px;
padding-bottom:14px;	
transition:all 0.25s linear;
margin-top:0;
}
#header-menu-level-1 {
position: relative;
float:right;
}
#header-menu-level-1 ul{
padding:0;
margin:0;
}
header.fixed #header-level-1{
margin-top:-58px;
}
#header-menu-level-1 ul li {
list-style: none;
float: left;
margin-left: 28px;
}
#header-menu-level-1 ul li a{
color:#fff;
font-size:15px;
font-weight:600;
line-height:20px;
}
#header-menu-level-1 ul li a:hover,
#header-menu-level-1 ul li.current-menu-item a{
color:#F17337;
}
#header-social {
position: relative;
float: right;
margin-left: 25px;
}
#header-social a {
margin-left: 18px;
color: #fff;
}
#header-social a:hover {
color:#F17337;
}
#header-logo {
position: relative;
float: left;
}
#header-level-2 {
position: relative;
color: #fff;
padding-left: 3%;
padding-right: 3%;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
justify-content: space-between;
transition: all 0.25s linear;
}
#header-menu-level-2 {
position: relative;
float: left;
margin-top: 15px;
margin-left: 9px;
width: 100%;
}
#header-menu-level-2 ul{
padding:0;
margin:0;
}
#header-menu-level-2 ul li {
list-style: none;
float: left;
margin-left: 43px;
position:relative;
}
#header-menu-level-2 ul li.educational-institutions {
float:right;
}
#header-menu-level-2 ul li.educational-institutions:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/Ecoles.svg);
content: '';
width: 27px;
height: 21px;
position: absolute;
left: -40px;
top: 2px;
}
#header-menu-level-2 ul li.educational-institutions a{
font-size:17px;
}
header.fixed #header-menu-level-2 ul li.educational-institutions a{
color:#fff;
}
header.fixed #header-menu-level-2 ul li.educational-institutions a:hover,
header.fixed #header-menu-level-2 ul li.educational-institutions.current-menu-item > a,
header.fixed #header-menu-level-2 ul li.educational-institutions.current-menu-ancestor > a,
header.fixed #header-menu-level-2 ul li.educational-institutions.menu-item-has-children:hover > a {
color: #F17337;
}
#header-menu-level-2 ul li a{
color:#283B33;
font-size:18px;
font-weight:700;
line-height:24px
}
header.fixed #header-logo svg path{
fill:#283B33;
}
#header-menu-level-2 ul li > a:hover,
#header-menu-level-2 ul li.current-menu-item > a,
#header-menu-level-2 ul li.current-menu-ancestor > a,
#header-menu-level-2 ul li.menu-item-has-children:hover > a{
color:#F17337;
}
#header-menu-level-2 ul li.menu-item-has-children > a:after{
content:"";
display:inline-block;
width:0;
height:0;
border-top:7px solid #283B33;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-radius:6px;
margin-left:10px;
transition: all 0.25s linear;
}
#header-menu-level-2 ul li.menu-item-has-children:hover > a:after,
#header-menu-level-2 ul li.current-menu-item > a:after,
#header-menu-level-2 ul li.current-menu-ancestor > a:after{
border-top-color:#F17337
}
#header-menu-level-2 ul li ul.sub-menu{
margin-top:10px;
}
#header-menu-level-2 ul li li{
margin-left:38px;
margin-bottom:5px;
}
#menu-mobile-additionnel li a,
#header-menu-level-2 ul li li a{
font-size:14px;
color:#FFFFFF;
background-color:#F17337;
padding:10px 20px;
border-radius:4px;
transition: all 0.25s linear;
}
#header-menu-level-2 #menu-mobile-additionnel li a{
color:#FFF;
}
#header-menu-level-2 ul li li a:hover,
#header-menu-level-2 ul li li.current-menu-item a,
#header-menu-level-2 ul li li.current-menu-ancestor a{
color:#FFFFFF;
background-color:#283B33;
}
#mastheader {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 9990;
} #home-slider {
overflow: hidden;
}
#slider-wrapper{
position:relative;
}
.slider-home .item {
width: 100%;
height: 100vh;
background-size: cover;
background-position: top center;
}
#home-slider ul{
margin:0;
padding:0;
}
#slider-human {
position: absolute;
bottom: 0;
z-index: 20;
max-width: 27%;
right: 15%;
}
#slider-trace {
position: absolute;
bottom: -15%;
z-index: 21;
right: 0;
width: 25%;
}
#slider-content {
position: absolute;
display: flex;
max-width: 505px;
z-index: 19;
justify-content: center;
align-items: center;
top: 0;
height: 100%;
left: 10%;
}
.banner-word-logo {
margin-bottom: 29px;
color: #F1EEEA;
font-family: 'Raleway', sans-serif;
font-size: 29px;
line-height: 1;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 0.9px;
}
.slider-conent-inner h1 {
font-family: 'Raleway', sans-serif;
font-weight: 900;
color: #fff;
font-size: 66px;
line-height: 67px;
text-transform: uppercase;
margin-bottom: 30px;
}
.btn {
font-family: 'Raleway', sans-serif;
font-weight: 700;
color: #fff;
letter-spacing: 0.9px;
line-height: 1;
border-radius: 29px;
background: #B4C9C0;
padding: 16px 31px 16px 31px;
transition: all 0.25s linear;
display: inline-block;
text-transform:uppercase;
}
.btn:hover {
background:#F17337;
color:#fff;
}
.btn.orange-bt {
background:#F17337;	
}
.btn.orange-bt:hover{
background: #202d2a;
}
.cta-img {
background-size: cover;
background-position: center center;
height: 500px;
width: 100%;
border-radius: 5px;
}
#differents-secteurs {
overflow: hidden;
background-color: #202D2A;
color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
#cta-left {
position: relative;
float: left;
width: 46%;
margin-right: 2%;
}
#cta-right {
position: relative;
float: left;
width: 52%;
}
.cta-tabs {
background-color: #283B33;
padding:38px 135px 38px 52px;
box-sizing: border-box;
margin-bottom: 4%;
border-radius: 5px;
position: relative;
overflow: hidden;
transition:all 0.25s linear;
cursor:pointer;
}
.cta-tab-title h3 {
font-size: 36px;
line-height: 37px;
margin-bottom: 30px;
color: #fff;
font-family: 'Raleway', sans-serif;
font-weight: 900;	
transition:all 0.25s linear;
text-transform: uppercase;
}
.cta-tabs:before{
content: '';
display: block;
width: 150px;
height: 199px;
background-size: 100% auto;
position: absolute;
right: -17px;
top: 20%;
opacity: 0;
transition:all 0.25s linear;	
background-repeat:no-repeat;
}
#cta-tab-1:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_bois_final.png);
}
#cta-tab-2:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_bois_final2.png);
}
#cta-tab-3:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_jumelles.png);
height: 140px;
top: 30%;
}
.cta-tab-text {
color: #fff;
transition: all 0.25s linear;
}
.cta-tabs:last-child{
margin-bottom:0;
}
.cta-tabs:hover{
background-color: #F1EEEA;
color:#283B33;
}
.cta-tabs:hover .cta-tab-text{
color:#283B33;
}
.cta-tabs:hover .cta-tab-title h3 {
color:#F17337;
}
.cta-tabs:hover .btn {
background:#F17337;
color:#fff;
}
.cta-tabs .btn {
font-size: 14px;
padding: 15px 31px 13px 31px;
background: #52665e;
text-transform:uppercase;
}
.cta-tabs:hover:before{
opacity:1 !important;
}
#about-home {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/martin-reisch-QELrOYfIlQM-unsplash.jpg);
color: #fff;
background-size: cover;
background-position: center center;
position: relative;
padding-top: 180px;
overflow: hidden;
}
#about-right-bg-overlay {
background: #F1EEEA;
width: 50%;
height: 400px;
position: absolute;
top: 180px;
right: 0;
z-index: 1;
}
#about-home:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/trace-fiche-cta.svg);
content: '';
background-size: 100% auto;
width: 590px;
position: absolute;
top: 0;
left: -12px;
height: 278px;
background-repeat: no-repeat;
}
#about-home .container{
display: flex;
align-items: center;
justify-content: space-between;	
}
.about-right,
.about-left{
width:50%;
}
.about-left {
padding-right: 50px;
box-sizing: border-box;
position:relative;
}
.about-right {
background-color: #F1EEEA;
padding: 123px 15px 101px 103px;
color: #283B33;
position: relative;
z-index: 2;
border-radius: 5px 0 0 0;
}
#about-home .btn{
margin-top:10px;
}
.about-title h3:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/TDB-Icone-white.svg);
content: '';
display: block;
background-size: 100% auto;
width: 60px;
height: 62px;
margin-bottom: 25px;
}
.about-title h3{
font-family: 'Raleway', sans-serif;
font-weight: 900;
color: #fff;
font-size: 66px;
line-height: 67px;
}
#about-trace {
position: absolute;
right: 0;
} #page-banner {
background-color: #F1EEEA;
height: 250px;
padding-top:100px;
background-size:cover;
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/logo-touche-icone.png);
background-position: center 70%;
background-repeat: no-repeat;
background-size: 250px auto;
}
#page-banner .container{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height:100%;	
}
#page-banner.category-banner{
height: 450px;
}
.page-template-template-amenagement-forestier #page-banner,
.single-amenagement #page-banner,
.tax-amenagement_forestier #page-banner{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_bois_final2.png);
background-position: center 70%;
background-repeat: no-repeat;
background-size: 250px auto;
}
.page-template-template-transformation #page-banner,
.single-transformation #page-banner,
.tax-transformation_du_bois #page-banner{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_bois_final.png);
background-position: center 70%;
background-repeat: no-repeat;
background-size: 250px auto;
}
.page-template-template-transformation #page-banner.category-banner.formeAmbitions .container{
display:none;
}
.page-template-template-transformation #page-banner.category-banner.formeAmbitions{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/donne-forme-a-tes-ambitions.svg);
background-size:auto 58%;
background-position: center 75%;
}
.page-template-template-protection  #page-banner,
.single-protection #page-banner,
.tax-protection_et_recreotourisme #page-banner{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_jumelles.png);
background-position: center 70%;
background-repeat: no-repeat;
background-size: 250px auto;
}
.page-id-2390  #page-banner{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/formation-continue-icone.png);
background-position: center 70%;
background-repeat: no-repeat;
background-size: 250px auto;	
}
.sub-title-text{
background-color: #F1EEEA;
margin-top:-50px;
padding-bottom:50px;
}
.sub-title-text .sub-title-text-wrapper{
padding:20px;
margin-left:auto;
margin-right:auto;
max-width:960px;
padding-bottom:20px;
font-size:18px;
font-weight:700;
text-align: center;
}
.banner-title-top {
font-weight: 900;
font-family: 'Raleway', sans-serif;
color: #283B33;
font-size: 24px;
line-height: 1;
text-transform: uppercase;
margin-bottom: 20px;
text-align:center;
}
#teaser-for-landing-section {
background-color: #E66234;
max-width: 1200px;
margin: 0 auto;
padding: 50px;
box-sizing: border-box;
overflow: hidden;
display: flex;
align-items: center;
border-radius: 5px;
margin-top: -170px;
z-index: 22;
position: relative;
}
.page-template-template-transformation #sector-item-wrapper{
padding-bottom: 200px;
}
#teaser-landing-logo {
position: relative;
float: left;
width: 40%;
margin-right: 10%;
}
#teaser-text {
position: relative;
float: left;
width: 50%;
}
#teaser-text p {
font-size: 26px;
color: #fff;
font-family: 'Raleway', sans-serif;
font-weight: 900;
}
#page-title {
width: 100%;
}
#page-title h1 {
font-weight: 900;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
color: #F17337;
font-size: 52px;
line-height: 57px;
text-align: center;
padding-left: 10%;
padding-right: 10%;
box-sizing: border-box;
}
.postid-2718 #page-title h1{
padding-left: 18%;
padding-right: 18%;	
}
#filter-section ul{
margin:0;
padding:0;
float:right;
}
#filter-section-institution ul{
margin:0;
padding:0;	
}
#filter-section span {
float: left;
position: relative;
top: 11px;
margin-right: 50px;
margin-bottom:15px;
}
#filter-section {
font-weight: 800;
font-family: 'Raleway', sans-serif;
font-size: 16px;
text-transform: uppercase;
padding-top: 17px;
padding-bottom: 15px;
overflow: hidden;
background-color: #E7E9E4;
}
#filter-section-institution {
position: relative;
overflow: hidden;
margin-top: 60px;
}
#filter-section li{
float: left;
margin-left: 20px;
position: relative;
list-style:none;	
}
#formations-offertes.full-accordion .accordion-wrapper{
padding-left:0;
padding-right:0;
}
.tax-institutions_category #formations-offertes{
padding-top:50px;
}
.tax-institutions_category #filter-section-institution{
margin-top:100px
}
#filter-section li,
#filter-section-institution li{
float: left;
margin-right: 20px;
position: relative;
list-style:none;	
}
#filter-section-institution li:last-child{
margin-right:0;
}
#filter-section li a{
font-weight: 700;
font-family: 'Raleway', sans-serif;
font-size: 18px;
text-transform: capitalize;
border-radius: 29px;
background-color: #fff;
color: #283B33;
width: 190px;
height: 44px;
float: left;
text-align: center;
line-height: 47px;
transition:all 0.25s linear;
}
#filter-section-institution li a {
font-weight: 700;
font-family: 'Raleway', sans-serif;
font-size: 18px;
text-transform: capitalize;
border-radius: 29px;
background-color: #B4C9C0;
color: #fff;
width: auto;
height: 44px;
float: left;
text-align: center;
line-height: 47px;
transition: all 0.25s linear;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 15px;
}
#filter-section li a:hover,
#filter-section-institution li a:hover,
#filter-section li.current-cat a,
#filter-section-institution li.current-cat a{
background-color: #F17337;
color: #fff;
}
.sector-item {
position: relative;
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 2%;
background-color: #F1EEEA;
text-align: center;
border-radius: 5px;
overflow: hidden;
z-index:3;
}
.sector-desc {
padding-top: 32px;
padding-bottom: 32px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.sector-item:nth-child(3n) {
margin-right:0;
}
.sector-image-desc-wrapper{
overflow:hidden;
}
.sector-image-desc:before{
content:'';
display:block;
padding-top:75%;
}
.sector-image-desc {
background-size: 200px auto;
background-position: center center;
background-repeat: no-repeat;
transition:all 0.25s linear;
}
.sector-item:hover .sector-image-desc {
transform: scale(1.05);
}
.page-template-template-amenagement-forestier .sector-image-desc,
.single-amenagement .sector-image-desc,
.tax-amenagement_forestier .sector-image-desc{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_bois_final2.png);
}
.page-template-template-transformation  .sector-image-desc,
.single-transformation .sector-image-desc,
.tax-transformation_du_bois .sector-image-desc{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_bois_final.png);
}
.page-template-template-protection  .sector-image-desc,
.single-protection .sector-image-desc,
.tax-protection_et_recreotourisme .sector-image-desc{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_hache2.png);
}
.single #sectors-last-logos{
display:none;
}
#sector-item-wrapper {
background-color: #202D2A;
overflow: hidden;
padding-top: 77px;
padding-bottom: 90px;
position:relative ;
}
#sector-item-wrapper .container{
position:relative;
overflow: hidden;
}
#sector-item-wrapper:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/trace3.svg);
background-repeat: no-repeat;
content: '';
width: 593px;
height: 275px;
position: absolute;
right: -150px;
top: -67px;
}
#sector-item-wrapper:after {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/trace4.svg);
content: '';
width: 384px;
height: 144px;
position: absolute;
left: 0;
bottom: 0;
background-repeat: no-repeat;
}
.sector-title {
height: 115px;
display: flex;
flex-direction: column;
justify-content: flex-start;
transition:all 0.25s linear;
}
.sector-item:hover .sector-title h3 {
color:#F17337;
}
.sector-title h3{
font-weight: 700;
font-family: 'Raleway', sans-serif;
font-size: 26px;
color:#283B33;
transition:all 0.25s linear;
}
.sector-item:hover .btn{
background-color:#F17337;
color:#fff;
}
#sectors-last-logos {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/Logos-TDB-Icone-green.svg);
width: 240px;
height: 249px;
position: absolute;
bottom: 180px;
right: 80px;
z-index: 2;
background-size: 100% auto;
}
#sectors-other-title {
font-weight: 900;
font-family: 'Raleway', sans-serif;
font-size: 56px;
line-height: 56px;
color: #B4C9C0;
text-align: center;
margin-bottom: 60px;
text-transform:uppercase;
}
#sectors-other {
position: relative;
overflow: hidden;
padding-top: 100px;
padding-bottom: 100px;
}
.item-other {
background-color: #F1EEEA;
float: left;
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
padding: 38px 150px 38px 52px;
box-sizing: border-box;
position: relative;
overflow: hidden;
min-height: 275px;
border-radius: 5px;
}
.btn.small-btn{
font-size:14px;
padding:16px 31px 15px 31px;
}	
.other-title{
font-weight: 900;
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: 37px;
color: #F17337;
margin-bottom:9px;
transition:all 0.25s linear;
padding-right:160px;
text-transform:uppercase;
}
.other-content{
color:#283B33;
margin-bottom: 40px;
overflow: hidden;	
}
.item-other:hover .other-title{
color:#283B33;
}
.item-other:hover .btn{
background:#B4C9C0;
}
.item-other .btn{
text-transform:uppercase;
}
.other-bt {
position: absolute;
bottom: 35px;
}
#other-wrapper {
display: flex;
}
.item-other > a {
display: block;
}
.item-other:last-child{
margin-right:0;
}
#sector-protection-et-recreotourisme:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_hache2.png);
}
#sector-transformation-du-bois:before{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_bois_final.png);
}
#sector-amenagement-forestier:before{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone_blanche_bois_final2.png);
}
.item-other:before {
content: '';
display: block;
width: 150px;
height: 199px;
background-size: 100% auto;
position: absolute;
right: -25px;
top: 13%;
transition: all 0.25s linear;
background-repeat: no-repeat;
}
.current-term span {
font-weight: 700;
font-family: 'Raleway', sans-serif;
font-size: 12px;
text-transform: uppercase;
background-color: #fff;
padding: 18px 10px 15px 10px;
width: 180px;
display: inline-block;
box-sizing: border-box;
line-height: 1;
border-radius: 5px;
text-align: center;
margin-right: 30px;
letter-spacing: 0.9px;
margin-bottom:10px;
}
.current-term span:last-child{
margin-right:0;
}
.current-term {
margin-top: 20px;
text-align: center;
}
#lesson-single-navigate {
background-color: #E3E5E0;
overflow: hidden;
padding-top: 25px;
padding-bottom: 25px;
}
#lesson-single-navigate ul{
margin:0;
padding:0;
text-align:center;
}
#lesson-single-navigate ul li {
list-style: none;
border-right: 4px solid #B4C9C0;
display: inline-block;
margin-right: 67px;
padding-right: 67px;
}
#lesson-single-navigate ul li:last-child{
margin-right:0;
border:none;
padding-right:0;
}
#lesson-single-navigate ul li a{
font-weight: 700;
font-family: 'Raleway', sans-serif;
font-size: 18px;
letter-spacing: 0.9px;	
color:#283B33;
}
#lesson-single-navigate ul li a:hover{
color:#F17337;
}
.back-bt a {
background-color: #B4C9C0;
color: #fff !important;
border-radius: 29px;
line-height: 1;
padding-top: 17px;
padding-bottom: 14px;
padding-left: 40px;
padding-right: 40px;
text-transform: uppercase;
font-size: 12px;
font-weight:700;
transition: all 0.25s linear;
font-family: 'Raleway', sans-serif;
}
.back-bt a:hover {
background-color:#F17337
}
.back-bt a:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/Rectangle.svg);
content: '';
width: 11px;
height: 11px;
display: inline-block;
position: relative;
top: 1px;
background-repeat: no-repeat;
left: -11px;
}
.back-bt {
position: absolute;
left: -80px;
}
#lesson-single-navigate .container {
position: relative;
}
.gallery-sector-footer{
padding-top:75px;
padding: 75px 20px 0px 20px;
}
.gallery-sector-footer .sectors-video-gallery{
max-width:645px;
height:360px;
margin-left:auto;
margin-right:auto;
}
.gallery-sector-footer .sectors-video-gallery .item{
height:360px;
}
.testimonial-video-gallery .item,
.page-main-video-gallery .item,
.sectors-gallery .item,
.sectors-video-gallery .item{
background-size: cover;
width: 100%;
height: 500px;
background-position: center;
border-radius: 5px;
}
#cest-pour-moi {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/trace-fiche-img.svg);
overflow: hidden;
padding-top: 100px;
padding-bottom: 80px;
background-repeat: no-repeat;
background-position: left center;
background-size: 29% auto;
}
#for-me-gallery {
position: relative;
float: left;
width: 32%;
margin-right: 8%;
margin-left: 10%;
}
.testimonial-video-gallery,
.page-main-video-gallery,
.sectors-gallery,
.sectors-video-gallery{
margin: 0;
padding: 0;
border-radius: 5px;
overflow: hidden;
line-height: 0;
}
.page-main-video-gallery .owl-nav,
.sectors-gallery .owl-nav,
.sectors-video-gallery .owl-nav{
position: absolute;
bottom: 16px;
left: 16px;
}
.owl-nav button{
transform:ease 250ms all;
}
.owl-nav button:hover{
opacity:0.8;
}
.page-main-video-gallery .owl-nav button,
.sectors-gallery .owl-nav button,
.sectors-video-gallery .owl-nav button{
background: #F1EEEA !important;
width: 43px;
height: 43px;
border-radius: 50%;
margin-right: 20px;
}
.page-main-video-gallery .owl-nav button span,
.sectors-gallery .owl-nav button span,
.sectors-video-gallery .owl-nav button span{
font-size: 44px;
line-height: 8px;
font-family: raleway;
font-weight: 600;
}
#for-me-content {
position: relative;
float: right;
width: 50%;
}
.for-me-text {
margin-bottom: 40px;
}
.post-text h1,
.post-text h2,
.post-text h3,
.post-text h4{
margin-bottom: 15px;
}
.sector-intro-desc.container {
padding-right: 15%;
box-sizing: border-box;
margin-bottom: 20px;
overflow: hidden;
}
.post-text.white-text{
color:#fff;
}
.post-text ul{
margin:0px 0px 25px 0px;
padding:0;
}
.post-text ol{
margin:0px 0px 25px 17px;
}
.post-text ul li {
list-style: none;
position: relative;
padding-left: 30px;
margin-bottom: 8px;
}
.post-text ul ul{
margin-top:15px !important;
}
.post-text ul li:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/Rectangle2.svg);
content: '';
width: 12px;
height: 18px;
position: absolute;
left: 0;
background-repeat: no-repeat;
top: 4px;
background-size: 100% auto;
}
#formations-offertes .ui-accordion-content li li:before{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/Rectangle2.svg);
content: '' !important;
width: 12px;
height: 18px;
display:block !important;
left: 0;
background-repeat: no-repeat;
top: 6px;
background-size: 100% auto;	
}
#formations-offertes .ui-accordion-content li li{
padding-left:30px !important;
margin-left:18px;
}
#for-me-full-title {
font-weight: 900;
font-family: 'Raleway', sans-serif;
font-size: 66px;
line-height: 61px;
color: #B4C9C0;
position: absolute;
z-index: 2;
text-transform: uppercase;
left: -32%;
top: 30px;
}
#sector-single-cta {
background-color: #202D2A;
text-align: center;
overflow: hidden;
padding-top: 89px;
padding-bottom: 89px;
color: #fff;
position: relative;
}
.cta-job-title {
text-transform: lowercase;
}
#single-cta-wrapper {
background-color: #B4C9C0;
overflow: hidden;
padding-top: 51px;
padding-bottom: 51px;
border-radius: 5px;
padding-left: 50px;
padding-right: 50px;
box-sizing: border-box;
position:relative;
z-index:12;
}
#sector-single-cta:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/trace-cat.svg);
content: '';
width: 371px;
height: 222px;
position: absolute;
top: 0;
right: 0;
background-repeat: no-repeat;
background-size: 100% auto;
}
#sector-single-cta:after {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/trace-fiche-cta-2.svg);
content: '';
width: 385px;
height: 145px;
position: absolute;
bottom: 0;
left: -5%;
}
#single-cta-icon {
margin-bottom: 25px;
}
#single-cta-text{
font-weight: 900;
font-family: 'Raleway', sans-serif;
font-size: 40px;
color:#283B33;
line-height: 46px;	
margin-bottom:33px;
}
.white-text{
color:#fff;
}
.sector-section-title {
font-weight: 900;
font-family: 'Raleway', sans-serif;
font-size: 56px;
line-height: 56px;
color: #B4C9C0;
text-transform: uppercase;
margin-bottom: 30px;
}
#description-du-metier {
overflow: hidden;
padding-top: 100px;
padding-bottom: 80px;
}
.sector-desc-left {
position: relative;
float: left;
width: 32%;
margin-right: 10%;
margin-bottom: 20px;
}
.page-template-template-amenagement-forestier .video-gallery-wrapper{
position:relative;
background-color:#B4C9C0;
min-height:420px;
padding:90px 20px;
}
.page-template-template-amenagement-forestier .video-gallery-wrapper:after{
position:absolute;
content: '';
background:url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/slider-video-deco.svg);
background-size:contain;
background-repeat: no-repeat;
background-position:top left;
top:0;
left:0;
width:20%;
height:100%;
}
.page-template-template-amenagement-forestier .video-gallery-wrapper .page-main-video-gallery{
max-width:750px;
width:100%;
min-height:420px;
margin-left:auto;
margin-right:auto;
}
.page-template-template-amenagement-forestier .video-gallery-wrapper .page-main-video-gallery .item{
height:100%;
height:420px;
}
.video-gallery-wrapper .item {
height: 243px;
}
.gallery-sector-footer .item:hover .video-play-bt ,
.video-gallery-wrapper .item:hover .video-play-bt {
transform:scale(1.1);
}
.video-play-bt {
max-width: 85px;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
transition:all ease 250ms;
}
.sector-desc-right.post-text {
position: relative;
float: left;
width: 54%;
}
.sector-desc-col2-item.sector-desc-col2-first .sector-desc-col2-title:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/Conditions.svg);
background-repeat:no-repeat;
content: '';
width: 61px;
height: 62px;
display: block;
margin-bottom: 14px;
}
.sector-desc-col2-item.sector-desc-col2-second .sector-desc-col2-title:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/BonSavoir.svg);
content: '';
background-repeat:no-repeat;
width: 61px;
height: 62px;
display: block;
margin-bottom: 14px;
background-size: 100% auto;
}
.sector-desc-col2-title{
font-weight: 900;
font-family: 'Raleway', sans-serif;
font-size: 33px;
line-height:46px;
color:#F17337;
margin-bottom:23px;
}
.sector-desc-col2-item {
padding: 52px 65px 52px 65px;
overflow: hidden;
box-sizing: border-box;
width: 50%;
float: left;
background-color: #F7F5F3;
height: 100%;
}
.sector-desc-col2-item.sector-desc-col2-first {
background-color: #F1EEEA;
border-radius: 5px 0 0px 5px;
}
.sector-desc-col2-item.sector-desc-col2-second {
border-radius: 0px 5px 5px 0;
}
.sector-desc-col2-item.fullwidth-desc{
border-radius: 5px !important;
}
#sector-single-2-desc {
overflow: hidden;
height: 100%;
display: flex;
}
.sector-desc-col2-item .post-text ul li {
padding-left: 0;
margin-bottom: 15px;
}
.sector-desc-col2-item .post-text ul li:before{
display:none;
}
.sector-desc-col2-item.fullwidth-desc {
width: 100% !important;
text-align:center;
}
.sector-desc-col2-item.fullwidth-desc .sector-desc-col2-title:before {
margin:0 auto 14px auto;
}
#testimonials {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/Group-14.svg);
background-repeat: no-repeat;
padding-top: 100px;
padding-bottom: 100px;
background-size: auto 100%;
background-position: 90% center;
background-color: #B4C9C0;
color: #283B33;
display: inline-block;
width: 100%;
vertical-align: top;	
margin-top:100px;
}
#testimonials .container{
max-width:1140px;
}
.testimonial-item {
overflow: hidden;
}
.testimonial-name-wrapper {
width: calc(100% - 81px);
}
.single-testimonial-title{
color:#fff;
margin-bottom:20px;
}
.owl-carousel .owl-wrapper {
display: table !important;
}
.owl-carousel .owl-item {
display: table-cell !important;
float: none !important;
vertical-align: middle !important;
}
.testimonial-text {
font-size: 26px;
line-height: 39px;
margin-bottom: 30px;
}
.testimonial-text:before {
content: '«';
color: #F1EEEA;
display:inline;
margin-right: 15px;
}
.testimonial-text:after {
content: '»';
color: #F1EEEA;
display: inline;
margin-left: 15px;
}
.testimonial-video iframe {
max-width: 535px;
margin-bottom: 30px;
max-height: 300px;
}
.testimonial-text p{
display:inline;
}
.testimonial-photo {
background-size: cover;
width: 81px;
height: 81px;
background-position: center;
border-radius: 50%;
float: left;
background-color: #333;
margin-right: 19px;
margin-left:2px;
}
.testimonial-name {
font-weight: 800;
font-size: 20px;
}
.testimonial-detail {
display: flex;
flex-direction: row;
align-items: center;
}
.clear{
clear:both;
}
#testimonials .sector-section-title{
color:#F7F5F3;
text-align:center;
margin-bottom:59px;
}
#testimonial-wrapper {
box-sizing: border-box;
}
#testimonial-wrapper .testimonial-item.hasvideo{
display:flex;
align-items:center;
max-width:1300px;
margin-left:auto;
margin-right:auto;
gap:55px;
}
#testimonial-wrapper .testimonial-item.hasvideo .left{
width:45%;
}
#testimonial-wrapper .testimonial-item.hasvideo .right{
width:55%;
}
#testimonial-wrapper .testimonial-item.hasvideo .testimonial-video,
#testimonial-wrapper .testimonial-item.hasvideo .testimonial-video .item{
height:360px;
}
#testimonial-wrapper .testimonial-item.hasvideo .testimonial-detail{
margin-top:15px;
}
#formations-offertes{
position:relative;
}
.single #formations-offertes:after {
content: '';
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/trace-fiche-description-2.svg);
width: 408px;
height: 338px;
position: absolute;
bottom: -100px;
left: -80px;
z-index: -1;
}
.section-accordion .ui-accordion-content ul,
#formations-offertes .ui-accordion-content ul{
margin:0;
padding:0;
}
.section-accordion .ui-accordion-content ul li,
#formations-offertes .ui-accordion-content ul li{
padding-left:0;
}
.section-accordion .ui-accordion-content a:after,
#formations-offertes .ui-accordion-content a:after {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/accrodion-arrow-green.svg);
content: '';
width: 13px;
height: 13px;
display: inline-block;
margin-left: 10px;
}
.section-accordion .ui-accordion-content a:hover,
#formations-offertes .ui-accordion-content a:hover{
text-decoration:underline;
color:#F17337;
}
.section-accordion .ui-accordion-content li:hover:after,
#formations-offertes .ui-accordion-content li:hover:after{
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/accrodion-arrow.svg);
}
.section-accordion .ui-accordion-content ul li:before,
#formations-offertes .ui-accordion-content ul li:before{
display:none;
}
.section-accordion .ui-accordion .ui-accordion-header,
#formations-offertes .ui-accordion .ui-accordion-header {
border-bottom: 5px solid #F1EEEA;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
margin-bottom: 0;
display: flex;
justify-content: space-between;
color: #283B33;
transition:all 0.25s linear;
text-transform:none;
}
.section-accordion .ui-accordion .ui-accordion-header:hover,
#formations-offertes .ui-accordion .ui-accordion-header:hover {
color: #B4C9C0;
}
.section-accordion .ui-accordion .ui-accordion-header:after,
#formations-offertes .ui-accordion .ui-accordion-header:after {
top: 8px;
}
.section-accordion .ui-accordion-content,
#formations-offertes .ui-accordion-content {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}
.center-align{
text-align:center;
}
#formations-offertes {
padding-top: 50px;
padding-bottom: 100px;
overflow: hidden;
}
#accordion-part1 .accordion-wrapper{
margin-bottom:80px;
}
.accordion-title-main{
font-weight: 900;
font-family: 'Raleway', sans-serif;
font-size: 33px;
line-height:46px;
color:#F17337;	
margin-bottom:30px;	
}
.accordion-wrapper {
padding-left: 100px;
padding-right: 100px;
box-sizing: border-box;
}
#accordion-part2 .accordion-wrapper {
background-color: #F7F5F3;
padding-top: 70px;
padding-bottom: 70px;
}
.section-accordion .accordion-wrapper a,
#formations-offertes .accordion-wrapper a{
color:#283B33;
}
#formations-offertes #accordion-part2 .ui-accordion .ui-accordion-header{
border-bottom: 5px solid #fff;
}
#sectors-vacancy {
overflow: hidden;
background-color: #283B33;
padding-top: 76px;
padding-bottom: 65px;
}
.vacancy-section-title {
font-weight: 900;
font-family: 'Raleway', sans-serif;
font-size: 33px;
line-height: 42px;
color: #B4C9C0;
text-transform: unset;
margin-bottom: 46px;
}
#sectors-vacancy .sector-item a{
display:block;
width:100%;
height:100%;
}
.vacancy-section-title:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/TDB-Icone-white.svg);
content: '';
display: block;
width: 64px;
height: 67px;
background-size: 100% auto;
margin: 0 auto 10px auto;
background-repeat: no-repeat;
}
.post-section {
padding-top: 100px;
padding-bottom: 100px;
overflow:hidden;
position:relative;
}
.post-section .accordion-wrapper{
padding-left:0;
padding-right:0;
}
.post-section .accordion-content {
margin-bottom: 70px;
}
.post-section #formations-offertes {
padding-bottom: 0;
padding-top: 50px;
}
.section-accordion .ui-accordion-header-icon.ui-icon,
#formations-offertes .ui-accordion-header-icon.ui-icon{
display:none;
}
.landing-section {
margin-top: 100px;
overflow: hidden;
}
.page-template-template-landing  #partners-logos img{
transition:all 0.25s linear;
}
.light-green-bg {
background-color: #C3DBD1;
padding-top: 100px;
padding-bottom: 80px;
}
.light-green-bg .post-text h1, .light-green-bg .post-text h2, .light-green-bg .post-text h3, .light-green-bg .post-text h4{
color:#283B33;
}
.light-green-bg .post-text ul li:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/Rectangle.svg);
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
#formations-offertes.landing-section{
padding-top:0;
}
section.cta-frame-last{
margin-top:0;
margin-bottom:50px;
}
#formations-offertes.landing-section ul{
text-align:center;
}
.landing-cta-text {
font-weight: 900;
font-family: 'Raleway', sans-serif;
font-size: 40px;
color: #283B33;
line-height: 46px;
margin-bottom: 33px;
}
.light-green-bg.landing-cta-text {
border-radius: 5px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
}
.page-template-template-landing #mastheader,
.page-template-template-landing .footer-section-title,
.page-template-template-landing #footer-sectors,
.page-template-template-landing .footer-partners{
display:none;
}
.page-template-template-landing  #footer-info {
background-color: #E66234;
color: #fff;
}
.page-template-template-landing #copyright,
.page-template-template-landing #footer-social a{
color: #fff;
}
.page-template-template-landing #footer-social a{ }
.page-template-template-landing #footer-social a:hover{
color:#F2B099;
}
.page-template-template-landing #copyright svg path{
fill:#fff;
}
.page-template-template-landing #copyright svg:hover path{
fill:#F2B099;
}
#category-description {
margin-top: 50px;
}
.blue-section {
background-color: #0680D9;
overflow: hidden;
color:#fff;
}
.page-template-template-emplois #page-banner {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icone-feuille.svg);   
}
.page-template-template-emplois .post-section > .container > .post-text {
text-align: center;
}
#emplois h2 {
text-align: center;
margin-bottom: 30px;
font-size: 40px;
}
#ladinng-banner-bg {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/QC-Hiking.jpg);
background-size: cover;
background-position: top center;
width: calc(100% - 60px);
margin: 2% auto 0 auto;
position: relative;
height: 660px;
display: flex;
align-items: center;
text-align: center;
}
#landing-main-title:before{
background-image:url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/landing-title-icon.svg);
display: block;
content: '';
width: 60px;
height: 69px;
margin: 0 auto 26px auto;
}
#landing-main-title {
text-transform: uppercase;
margin-bottom: 38px;
}
#landing-main-title span {
display: block;
}
#etudier {
color: #fff;
overflow: hidden;
padding-top: 90px;
padding-bottom: 90px;
}
.blue-section h1{
color:#FEE35B;
text-transform:uppercase;
margin-bottom: 20px;
}
.blue-section h2{
color:#FEE35B;	
}
.blue-section h3,
.blue-section h4{
color:#B4DDD6;
margin-bottom: 25px;
}
.landing-section-2-left {
position: relative;
float: left;
width: 55%;
padding-right: 40px;
box-sizing: border-box;
}
#etudier .container{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;	
}
.container.landing-container {
padding-left: 50px;
padding-right: 50px;
box-sizing: border-box;
}
.yellow-section{
background-color: #FEE35B;
}
#landing-section-3 {
text-align: center;
padding-top: 90px;
padding-bottom: 90px;
overflow: hidden;
}
#landing-section-3 .post-text {
max-width: 610px;
margin: 0 auto;
}
.landing-section-3-item {
display: inline-block;
width: 32%;
vertical-align: top;
margin-right: 1%;
margin-bottom: 1%;
border-radius: 5px;
overflow: hidden;
}
.landing-section-3-item:nth-child(3n) {
margin-right:0;
}
.landing-section-3-image {
background-size: cover;
height: 290px;
background-position: center;
}
.landing-section-3-title {
background-color: #E66234;
color: #fff;
height: 150px;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
font-size: 22px;
font-weight: 700;
padding-left: 50px;
padding-right: 50px;
box-sizing: border-box;
font-family: 'Raleway', sans-serif;
transition:all 0.25s linear;
}
#landing-section-3-block {
margin-top: 55px;
margin-bottom: 55px;
}
.btn.white-bt{
background-color:#fff;
color:#000000;
cursor:pointer;
}
.btn.white-bt:hover{
background-color:#0680D9;
color:#fff;
}
.landing-section-4-item {
display: inline-block;
width: 33%;
text-align: center;
vertical-align: top;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.landing-section-4-item span {
display: block;
font-size: 21px;
font-weight: 700;
font-family: 'Raleway', sans-serif;
max-width:67%;
margin:0 auto 70px auto;
}
.landing-section-4-item img {
height: 90px;
margin-bottom: 30px;
}
#landing-section-4 {
padding-top: 90px;
padding-bottom: 60px;
overflow: hidden;
}
#landing-section-4 .post-text{
margin-bottom: 60px;
}
#landing-section-5{
padding-top: 90px;
padding-bottom: 90px;	
}
#landing-section-5 .post-text {
max-width: 80%;
margin: 0 auto;
}
.landing-section-5-item {
width: 32%;
background-color: #fff;
overflow: hidden;
border-radius: 5px;
height: 290px;
display: inline-block;
padding: 30px 80px 30px 80px;
box-sizing: border-box;
float: left;
margin-right: 1.5%;
text-align: center;
font-size: 22px;
font-weight: 700;
font-family: 'Raleway', sans-serif;
margin-bottom: 20px;
}
.landing-section-5-item:nth-child(3n) {
margin-right:0;
}
.landing-section-5-item a {
display: block;
width: 100%;
height: 100%;
display: flex;
align-content: center;
flex-direction: column;
justify-content: center;
color:0680D9;
}
.landing-section-5-item a:hover{
color:#0680D9;
}
#landing-section-5-item-wrapper {
margin-top: 53px;
}
.landing-section-5-item .btn{
margin-top:30px;
}
.btn.yellow-bt{
background-color:#FEE35B;
color:#000;
text-transform:uppercase;
}
.landing-section-5-item a:hover .btn.yellow-bt,
.btn.yellow-bt:hover{
background-color:#0680D9;
color:#fff;
}
#landing-section-6{
padding-top:90px;
padding-bottom:90px;
overflow:hidden;
}
#landing-section-6 .post-text {
max-width: 53%;
margin: 0 auto;
text-align: center;
}
#landing-section-6 .post-text h2{
margin-bottom:36px;
}
#landing-section-6 .post-text:before {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/icon-landing-6.svg);
content: '';
display: block;
width: 136px;
height: 92px;
margin: 0 auto 40px auto;
}
#landing-section-7{
background: #E66234;
padding-top: 0px;
padding-bottom: 20px;
overflow: hidden;	
}
#ladinng-banner-bg-7 {
background-image: url(//www.touchedubois.org/wp-content/themes/touche-du-bois/assets/images/QC-Hiver.jpg);
background-size: cover;
margin: 2% auto 0px auto;
height: 500px;
display: flex;
align-items: center;
width: calc(100% - 60px);
text-align: center;	
}
#landing-main-title-7 h2{
color:#fff;
}
.orange-section {
background-color: #E66234;
}
.page-template-template-landing .site-footer {
padding-left: 0;
padding-right: 0;
width: calc(100% - 140px);
margin: 0 auto;
}
.page-template-template-landing #partners-logos img{
margin-left:0;
}
#ladinng-banner-bg-7 svg {
margin-top:26px;
}
#ladinng-banner-bg-7 svg path{
fill:#B4DDD6;
}
.landing-section-3-item a{
display:block;
width:100%;
height:100%;
}
.landing-section-3-item:hover .landing-section-3-title{
background:#0680D9;
} .page-template-template-landing .footer-partners:nth-child(3) {
display: block !important;
text-align: right;
float: right;
}
.page-template-template-landing #copyright {
clear: both;
}
.site-footer{
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-direction: row;
}
.site-footer {
padding-left: 3%;
padding-right: 3%;
}
#footer-info {
background-color: #202D2A;
color: #fff;
overflow: hidden;
padding-top: 70px;
padding-bottom: 70px;
}
.footer-section-title {
font-size: 14px;
color: #B4C9C0;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-weight: 700;
margin-bottom: 15px;
}
#footer-sectors {
margin-bottom: 20px;
overflow: hidden;
}
#footer-sectors ul{
margin:0;
padding:0;
}
#footer-sectors ul li {
list-style: none;
}
#footer-sectors ul li a{
font-size: 26px;
color: #fff;
font-weight:900;
font-family: 'Raleway', sans-serif;
border-bottom: 4px solid #F17337;
margin-bottom: 20px;
padding-bottom: 15px;
display:block;	
}
#footer-left {
position: relative;
float: left;
width: 500px;
}
#footer-sectors ul li a:hover,
#footer-sectors ul li.current-menu-item a{
color:#F17337;
}
#footer-social a {
color: #B4C9C0;
margin-right: 15px;
font-size: 20px;
}
#footer-social a:hover {
color:#F17337;
}
#footer-right {
position: relative;
float: right;
width: 500px;
}
#partners-logos {
text-align: center;
margin-bottom: 6px;
}
.footer-partners {
display: inline-block;
width: 48%;
text-align: center;
}
#partners-logos > a:first-child img{
margin-left:0;
}
#partners-logos img {
max-width: 100%;
margin-bottom: 40px;
margin-left: 50px;
text-align: right;
display: inline-block;
vertical-align: middle;
max-height: 100px;
opacity:1;
transition:all 0.25s linear;
}
#partners-logos img:hover{
opacity:0.8;
}
#copyright {
font-size: 14px;
color: #B4C9C0;
text-align:right ;
}
#copyright path{
transition:all 0.25s linear;
}
#copyright svg:hover path{
fill:#F17337;
} .back-bt.mobile,
#mobile-bt,
.mobile,#mobile-close,
#institution-anchor{
display:none;		
}
@media (max-width: 1610px) {
.container {
width: 1300px;
}
.item-other {
padding: 38px 120px 38px 52px;
}	
.other-title {
font-size: 30px;
line-height: 34px;
}
#footer-right {
width: 42%;
}	
#partners-logos{
text-align:right;
}
}
@media (max-width: 1520px) {
.back-bt.mobile {
display: block;
position: Relative;
left: 10%;
margin-bottom: 25px;
top: -40px;
}
.back-bt.desktop {
display: none;
}
}
@media (max-width: 1370px) {
.container {
width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}	
.slider-conent-inner{
max-width:300px;
}
.slider-conent-inner h1 {
font-size: 40px;
line-height: 47px;
margin-bottom: 20px;
}
.banner-word-logo img {
max-width: 150px;
}
.banner-word-logo {
margin-bottom: 10px;
font-size: 20px;
}
.btn {
padding: 12px 25px 12px 25px;
font-size: 15px;
}
.other-title{
padding-right:10px;
}
.page-template-template-landing .site-footer{
width: calc(100% - 70px);
}
#footer-right {
width: 50%;
}
#footer-sectors ul li a {
font-size: 20px;
border-bottom: 3px solid #F17337;
margin-bottom: 16px;
padding-bottom: 12px;
}
#header-level-2 {
padding-left: 20px;
padding-right: 20px;
padding-top: 16px;
padding-bottom: 16px;		
}	
#header-menu-level-2 ul li {
margin-left: 20px;
}
#header-menu-level-2 ul li a{
font-size:16px;
}
#header-menu-level-2 ul li.menu-item-has-children > a:after {
margin-left: 5px;
}
#header-menu-level-2 ul li.educational-institutions a {
font-size: 15px;
}
.about-title h3 {
font-size: 40px;
line-height: 47px;
margin-bottom: 20px;
}
#filter-section span {
margin-right: 0;
}
#filter-section li a {
font-size: 16px;
width: 165px;
}
#sectors-last-logos {
width: 11%;
height: 6%;
right: 10%;
background-size: 100% auto;
background-repeat: no-repeat;
}
#page-title h1 {
font-size: 45px;
line-height: 50px;
padding-left: 0;
padding-right: 0;
}
#for-me-full-title {
font-size: 45px;
line-height: 50px;
left: 0;
top: 0;
position:relative;
margin-bottom:20px;
}
.sector-section-title{
font-size: 45px;
line-height: 50px;		
}
#for-me-full-title br{
display:none;
}
.sectors-gallery .item,
.sectors-video-gallery .item{
height: 300px;
}
}
@media (min-width: 1081px) {
#header-menu-level-2{
display:block !important;
}
#header-menu-level-2 ul li ul.sub-menu{
visibility:hidden;
opacity:0;
height:0;
transition: opacity 0.25s linear;
}
#header-menu-level-2 ul li:hover ul.sub-menu{
visibility:visible;
opacity:1;
height:auto;
}
#header-menu-level-2 ul li li {
margin-left:0;
}
}
@media (max-width: 1080px) {
#institution-anchor{
display:block;
}
.page-template-template-landing .footer-partners:nth-child(3) {
display: block !important;
text-align: center;
float: none;
margin: 0 auto;
}
.page-template-template-landing #footer-social {
text-align: center;
}	
#teaser-for-landing-section{
border-radius:0;
margin-top:0;
flex-direction: column;
text-align: center;		
}
#teaser-landing-logo {
position: relative;
float: inherit;
width: 50%;
margin: 0px auto 25px auto;
}	
#teaser-text {
float: inherit;
width: 100%;
}	
.page-template-template-transformation #sector-item-wrapper {
padding-bottom: 90px;
}	
#testimonials{
background-image:inherit;
padding-top: 40px;
padding-bottom: 40px;		
}
.back-bt.mobile {
left: 0;
top: 0;
}	
#ladinng-banner-bg{
margin:0% auto 0 auto;
height:500px;
}
.landing-section-2-left {
float: inherit;
width: 100%;
padding-right: 0;
text-align:center;
}
.landing-section-3-title {
height: 130px;
font-size: 17px;
padding-left: 20px;
padding-right: 20px;
}	
.landing-section-4-item{
width:49%;
}
.landing-section-4-item span{
max-width:95%;
}
#etudier,
#landing-section-3,
#landing-section-4,
#landing-section-5,#landing-section-6	{
padding-top: 40px;
padding-bottom: 40px;
}
#etudier .container {
flex-direction: column;
}
.single #formations-offertes:after {
display:none;
}
#overlay-menu-right{
display:none !important;
}
.site-footer{
display:block;
}
.sector-intro-desc.container {
padding-right: 0;
}
#sector-item-wrapper:before,
#sector-item-wrapper:after{
display:none;
}
header #header-menu-level-2 {
top: 53px;
background-color: #F1EEEA;
width: 100%;
float: inherit;
position: fixed;
left: 0;
padding-left: 0;
margin-left: 0;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
display:none;
}
header #header-menu-level-2{
margin-top:0 !important;
}
#header-logo svg path {
fill: #B4C9C0 !important;
}	
.mobile{
display:block;
}
#mobile-open.active-mobile-open{
display:none;
}
#mobile-close.active-mobile-open{
display:block;
}
#header-level-2.active-header{
background-color: #F1EEEA !important;
}
#header-menu-level-2 ul li {
margin-left: 0;
float: inherit;
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
}
#header-menu-level-2 ul li a {
color:#283B33;
}	
#header-menu-level-2 ul li.educational-institutions {
float: inherit;
margin-left: 40px;
margin-bottom: 40px;
}
#header-menu-level-2 ul li.educational-institutions a {
font-size: 16px;
color:#283B33;
}
#header-menu-level-2 ul li.educational-institutions a:hover {
color: #F17337;
}
#header-menu-level-1-mobile {
background-color: #B4C9C0;
left: -20px;
position: relative;
width: calc(100% + 40px);
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
}
#header-menu-level-1-mobile ul li a{
color:#fff !important;
}
#mobile-social {
background-color: #B4C9C0;
position: relative;
left: -20px;
width: calc(100% + 40px);
padding-left: 20px;
padding-bottom: 20px;
}
#mobile-social a {
color: #fff;
margin-right: 10px;
}
#header-level-1 {
display: none;
}	
header #header-level-2,
header.fixed #header-level-2	{
padding-top: 15px !important;
padding-bottom: 5px !important;
}
header.fixed #header-logo svg,
#header-logo svg{
width: 40px;
height: auto;		
}
#mobile-bt{
display:block;
cursor:pointer;
}
#mobile-bt svg {
width: 40px;
height: 28px;
background-size: 100% auto;
float: right;
margin-top: 23px;
transition:all 0.25s linear;
}
header.fixed #header-level-2 #mobile-bt svg{
margin-top:10px;
}
#mobile-bt svg  path{
fill:#B4C9C0;
stroke: #B4C9C0;
}
.home header.menu-active-mobile #mobile-bt svg  path,
.home header.menu-active-mobile #header-logo svg path{
fill:#B4C9C0;
stroke: #B4C9C0;		
}
.home #mobile-bt svg path{
fill:#fff;
stroke: #fff;
}
header.fixed #mobile-bt svg path{
fill:#B4C9C0;
stroke: #B4C9C0;		
}
header.fixed #header-level-2 #mobile-bt svg,
#header-level-2 #mobile-bt svg{
margin-top: 10px;
}
#slider-human {
position: absolute;
bottom: 0;
z-index: 2;
max-width: 50%;
right: 0;
left: 0;
margin: auto;
max-height: 90%;
}
#slider-trace{
display:none;
}
.banner-word-logo {
font-size:17px;
}
.slider-conent-inner h1 {
font-size: 35px;
line-height: 40px;
margin-bottom: 10px;
}
#slider-content {
max-width: 90%;
z-index: 19;
top: 0;
left: 20px;
align-items: flex-end;
margin-top:-50px;
}
#cta-left {
display: none;
}
#cta-right {
float: inherit;
width: 100%;
}
#differents-secteurs {
padding-top: 60px;
padding-bottom: 60px;
}
.cta-tabs{
background-color: #F1EEEA;
color:#283B33;
padding: 31px 40px 38px 25px;
}
.cta-tabs .cta-tab-text{
color:#283B33;
}
.cta-tabs .cta-tab-title h3 {
color:#F17337;
}
.cta-tabs .btn {
background:#F17337;
color:#fff;
}
.cta-tabs:before{
opacity:1 !important;
}	
#about-home .container {
display: block;
}
#about-right-bg-overlay{
display:none;
}
.about-left {
width: 100%;
}	
.about-right {
padding: 25px;
width: calc(100% + 50px);
box-sizing: border-box;
left: -25px;
}
#about-home{
padding-top:60px;
}
#about-home:before {
background-size: 100% auto;
width: 250px;
left: inherit;
height: 121px;
background-repeat: no-repeat;
right: -105px;
transform: rotate(90deg);
top: -50px;
}
#footer-info {
padding-top: 40px;
padding-bottom: 40px;
}
#footer-left {
position: relative;
float: inherit;
width: 100%;
}
#partners-logos {
text-align: center;
}
#footer-right {
width: 100%;
margin-top: 40px;
}
#copyright {
text-align: center;
}
#partners-logos img{
margin-left:2%;
}
#partners-logos > a:first-child img{
margin-left:0;
}
#copyright span {
display: block;
margin-bottom: 20px;
}	
#filter-section{
padding-bottom:25px;
}
#filter-section span{
float: inherit;
display: block;
margin-bottom:10px;
}
#filter-section li {
margin-left: 0;
margin-right: 10px;
margin-top: 10px;
}
#page-banner.category-banner {
height: auto;
padding-bottom: 100px;
}
#page-banner{
background-size: 150px auto !important;
} 
.page-template-template-transformation #page-banner.category-banner.formeAmbitions{
background-size:auto 58% !important;
}
#page-title h1,
#sectors-other-title	{
font-size: 35px;
line-height: 40px;
}	
.banner-title-top {
font-size: 20px;
margin-bottom: 10px;
}	
#filter-section li a {
font-size: 14px;
width: 140px;
}	
#sectors-last-logos{
display:none;
}
.sector-item {
width: 49%;
}
.sector-item:nth-child(3n) {
margin-right: 2%;
}
.sector-item:nth-child(2n) {
margin-right: 0% !important;
}	
#sectors-other {
padding-top: 60px;
padding-bottom: 60px;
}
#other-wrapper{
display:block;
}
.item-other {
padding: 31px 30px 30px 30px;
width: 100%;
float:inherit ;
min-height:100%;
}
.other-content {
margin-bottom: 0;
}
.other-bt {
position: relative;
bottom: 0;
}
#cest-pour-moi {
padding-top: 60px;
padding-bottom: 30px;
}	
.back-bt.mobile {
margin-bottom: 50px;
}
#for-me-gallery ,
.sector-desc-left{
float: inherit;
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
#for-me-gallery{
margin-left:0;
}
#for-me-content,
.sector-desc-right.post-text	{
position: relative;
float: inherit;
width: 100%;
}
.sectors-gallery .item,
.sectors-video-gallery .item{
height: 400px;
}
#single-cta-text {
font-size: 30px;
line-height: 35px;
margin-bottom: 20px;
}
#single-cta-icon {
margin-bottom: 10px;
}
#description-du-metier {
overflow: hidden;
padding-top: 60px;
}
.sector-desc-col2-item {
padding: 25px;
width: 100%;
float: inherit;
height: 100%;
}
#sector-single-2-desc {
display: block;
}
.sector-desc-col2-item{
margin-bottom:30px;
}
#testimonial-wrapper {
padding-left: 0;
}
#testimonials .container{
background:none;
}
#testimonials .container {
padding-top: 40px;
padding-bottom: 30px;
}
#formations-offertes {
padding-top: 30px;
padding-bottom: 60px;
}
#testimonials {
margin-top:60px;
}
.accordion-title-main {
font-size: 27px;
line-height: 30px;
}
.accordion-wrapper {
padding-right: 20px;
padding-left: 20px;
}
#formations-offertes .ui-accordion .ui-accordion-header {
font-size: 20px;
line-height: 27px;
}
#accordion-part2 .accordion-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
#lesson-single-navigate ul li a {
font-size: 14px;
}
#lesson-single-navigate ul li {
display: inline-block;
margin-right: 20px;
padding-right: 20px;
}	
.post-section{
padding-top:60px;
padding-bottom:60px;
}
.post-section .accordion-content {
margin-bottom: 50px;
}
.landing-section-5-item {
width: 100%;
height: auto;
padding: 30px;
margin-right: 0%;
}
#landing-section-6 .post-text{
max-width:100%;
}	
#ladinng-banner-bg-7{
margin:30px auto 0px auto;
height:350px;
}
.page-template-template-landing .site-footer {
padding-left: 20px;
padding-right: 20px;
}
#header-menu-level-2 #menu-item-2411 a:after{
display:none;
}
#header-menu-level-2 #menu-item-2411 ul.sub-menu li.menu-item{
margin-left:0;
}
#menu-item-3057{
display:none;
}
}
@media (max-width: 767px) {
.sector-item,
.landing-section-3-item	{
width: 100%;
margin-right: 0 !important;
margin-bottom: 20px;
}
#ladinng-banner-bg {
height: 350px;
background-position: left;
}
#landing-main-title-7 h2 {
font-size: 22px;
line-height: 30px;
}	
.page-template-template-landing .footer-partners:nth-child(3) {
text-align: center;
float: inherit;
margin: 0 auto;
}	
.page-template-template-landing #partners-logos img{
margin-left:0;
}
#teaser-for-landing-section{
padding:25px;
}
#teaser-text p{
font-size:23px;
}
#landing-section-4 .post-text br{
display:none;
}
#teaser-text .btn{
font-size:14px;
}
h1 {
font-size: 35px;
line-height: 42px;
}	
h2 {
font-size: 30px;
line-height: 39px;
}	
.container.landing-container {
padding-left: 20px;
padding-right: 20px;
}	
.sector-image-desc:before {
padding-top: 70%;
}
#slider-human {
max-width: 80%;
max-height: 90%;
}	
.cta-tab-title h3{
font-size:30px;
}
.sector-title {
height: auto;
display: block;
margin-bottom: 40px;
}
#page-title h1, #sectors-other-title {
font-size: 30px;
line-height: 35px;
padding-left: 20px;
padding-right: 20px;
}
#filter-section{
text-align:center;
}
#filter-section li {
display: inline-block;
float: inherit;
}	
#filter-section li a {
font-size: 12px;
width: 115px;
height: 34px;
line-height: 34px;
}
#lesson-single-navigate ul li {
border-right: none;
display: block;
margin-right: 0;
padding-right: 0;
margin-bottom: 10px;
}	
#single-cta-wrapper {
padding-left: 20px;
padding-right: 20px;
}
#single-cta-text {
font-size: 23px;
line-height: 31px;
}
.single-cta-text br{
display:none;
}	
#landing-main-title img {
max-width: 80%;
}	
#filter-section-institution li{
float:inherit;
margin-right:0;
}
#filter-section-institution li a {
display: block;
float: inherit;
width:100%;
box-sizing:border-box;
}	
.current-term span {
display:block;
width: 100%;
margin-right: 0px;
padding:18px 22px 15px 22px;
}	
.page-template-template-amenagement-forestier .video-gallery-wrapper:after{
display:none;
}
#testimonial-wrapper .testimonial-item.hasvideo{
display:block;
}
#testimonial-wrapper .testimonial-item.hasvideo .left,
#testimonial-wrapper .testimonial-item.hasvideo .right{
width:100%;
}
}
@media (max-width: 550px) {
.sector-section-title {
font-size: 35px;
line-height: 41px;
}	
.landing-section-4-item{
width:100%;
}
.landing-section-4-item:last-child span{
margin-bottom:20px;
}
#landing-main-title-7 h2 br{
display:none;
}	
}
@media (min-width: 1080px) {
.home #header-menu-level-2 ul li a{
color:#fff;
}
#menu-mobile-additionnel{
display:none;
}
}