.maxcontainer{
max-width:1500px;
margin:0 auto;
position:relative;
height:100%;
}

#site{
margin:0 auto;
max-width:1500px;
padding-left:30px;
padding-right:30px;
}


#promobanner.maxcontainer{
padding-left:30px;
padding-right:30px;
}



header{
text-align:center;
height:170px;
position:sticky;
top:0;
width:100%;
z-index:1000;
transition:all 0.3s;
padding:0 30px;
}

header .maxcontainer{
background-color:#FFE500;
max-width:1440px;
}

header .ty_logo{
transition:all 0.3s;
}

header .ty_logo{
position:absolute;
top:20px;
left:50%;
transform:translateX(-50%);	
}

header .ty_logo img{
width:220px;
transition:all 0.3s;
}

header .hamburger_menu{
display:none;
}

header #main_menu{
position:absolute;
bottom:10px;
left:50%;
transform:translateX(-50%);
width:100%;
transition:all 0.3s;
}

header #main_menu ul{
display:inline-block;
list-style-type:none;
margin:0;
padding:0;
}

header #main_menu ul li{
display:inline-block;
padding:10px 10px;
}

header #main_menu ul li a{
font-family:'Montserrat', sans-serif;
font-size:14px;
color:#595959;
font-weight:bold;
text-decoration:none;
transition:all 0.2s;
}

header #main_menu ul li a:hover{
color:#fff;
}

header #main_menu ul li.current-menu-item{
background-color:#595959;
border-radius:3px;
}

header #main_menu ul li.current-menu-item a{
color:#FFE500;
}



header.small{
height:120px;
}

header.small .ty_logo{
left:50%;
top:20px
transform: translateX(-50%);
}

header.small .ty_logo img{
width:120px;
}

header.small #main_menu{
bottom:10px;
left:50%;
transform:translateX(-50%);
}






.single_article_container .single_article{
font-family:'Montserrat', sans-serif;
max-width:1000px;
margin:0 auto;
padding-top:100px;
font-size:16px;
color:#595959;
}

.single_article_container .single_article .thumbnailcontainer{
width:100%;
position:relative;
border-radius:10px;
overflow:hidden;
margin-bottom:20px;
}

.single_article_container .single_article .thumbnailcontainer .thumbnail{
padding-top:60%;
background-size:cover !important;
border-bottom:solid 26px #FFE500;
}

.single_article_container .single_article .thumbnailcontainer .thumbnail .tylogo{
position:absolute;
top:30px;
left:30px;
background:url(/wp-content/themes/thinkyellow/images/logo_blog.png) no-repeat center;
background-size:100%;
width:260px;
height:86px;
}

.single_article_container .single_article .title{
font-family:'Montserrat', sans-serif;
font-size:30px;
font-weight:800;
color:#595959;
margin:0;
padding:0 0 20px 0;
}

.single_article_container .single_article .author{
font-family:'Montserrat', sans-serif;
font-size:15px;
color:#595959;
font-weight:700;
font-style:italic;
padding-bottom:20px;
}

.single_article_container #article_navigation{
margin-top:50px;
padding-top:40px;
padding-bottom:40px;
border-top:solid 1px #dfdfdf;
border-bottom:solid 1px #dfdfdf;
}

.single_article_container #article_navigation{
color:#48A6E0;
font-weight:700;
}

.single_article_container #article_navigation a{
font-family:'Montserrat', sans-serif;
color:#aaa;
transition:all 0.2s;
font-weight:700;
}

.single_article_container #article_navigation a:hover{
color:#595959;
text-decoration:none;
}









footer ul{
list-style-type:none;
margin:0;
padding:0;
}

footer ul li{
display:inline-block;
padding:0 10px;
}

footer ul li:first-child{
padding-left:0;
}

footer ul li:last-child{
padding-right:0;
}

footer ul li a{
font-family:'Montserrat', sans-serif;
font-weight:400;
font-size:16px;
color:#4D4C48;
transition:all 0.2s;
display:inherit;
}

footer ul li a:hover{
color:#4D4C48;
transform:scale(1.1);
}

footer .menu-footer-droite-container{
text-align:right;
}







.news_items>a:hover{
text-decoration:none;
}

.news_items .thumbnailcontainer{
width:450px;
border-radius:5px;
overflow:hidden;
float:left;
margin-right:20px;
}

.news_items .thumbnailcontainer .thumbnail{
position:relative;
padding-top:60%;
background-position:center center !important;
background-size:cover !important;
border-bottom:solid 14px #FFE500;
}

.news_items .thumbnailcontainer .thumbnail .tylogo{
position:absolute;
top:15px;
left:20px;
background:url(/wp-content/themes/thinkyellow/images/logo_blog.png) no-repeat;
width:130px;
height:43px;
background-size:100%;
}

.news_items .title{
font-family:'Montserrat', sans-serif;
font-size:20px;
font-weight:800;
color:#5b5b5b;
padding-bottom:20px;
}

.news_items .excerpt{
font-family:'Montserrat', sans-serif;
font-size:16px;
color:#5b5b5b;
padding-bottom:20px;
}

.news_items .author{
font-family:'Montserrat', sans-serif;
font-size:15px;
font-weight:bold;
font-style:italic;
color:#5b5b5b;
padding-bottom:20px;
}

.news_items .expand{
font-family:'Montserrat', sans-serif;
font-size:15px;
font-weight:800;
color:#595959;
}

.news_items .expand .plus{
display:inline-block;
padding-right:10px;
color:#FFE500;
font-size:33px;
vertical-align:sub;
}

.news_items .clear{
clear:both;
}

.news_items .itemseparator{
display:block
width:100%;
height:1px;
background-color:#d6d6d6;
margin:30px 0;
}

.news_items .news_pagination{
position:relative;
text-align:center;
}

.news_items .news_pagination .more{
font-family:'Montserrat', sans-serif;
font-weight:bold;
font-size:15px;
texte-transform:uppercase;
display:inline-block;
background-color:#FFE500;
padding:15px 25px;
border-radius:3px;
color:#595959;
cursor:pointer;
transition:all 0.2s;
}

.news_items .news_pagination .more:hover{
background-color:#595959;
color:#FFE500;
}











.tycard{
width:100%;
height:100%;
position:relative;
cursor:pointer;
}

.tycard .container{
position:relative;
padding-top:140%;
}

.tycard .front{
position:absolute;
top:0;
left:0;
background-color:#fff;
width:100%;
height:100%;
border-radius:8px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
text-align:center;
transform:rotate3D(0, 1, 0, 0deg);
backface-visibility: hidden;
transition:all 0.4s;
-webkit-perspective: 0;
-webkit-backface-visibility: hidden;
}

.tycard .front img{
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
transition:all 0.2s;
height:75%;
}

.tycard .front:hover img{
transform:translateX(-50%) translateY(-50%) scale(1.05);
}

.tycard.flip .front{
transform:rotate3D(0, 1, 0, -180deg);
}

.tycard .back{
position:absolute;
top:0;
left:0;
background-color:#FFE500;
width:100%;
height:100%;
border-radius:8px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
transform:rotate3D(0, 1, 0, -180deg);
backface-visibility: hidden;
-webkit-perspective: 0;
    -webkit-backface-visibility: hidden;
transition:all 0.4s;
}

.tycard .back .content{
position:absolute;
top:20px;
left:50%;
margin:0;
padding:0;
width:100%;
padding-left:20px;
padding-right:20px;
transform:translateX(-50%);
text-align:center;
font-family:'Montserrat', sans-serif;
font-size:15px;
line-height:18px;
color:#000;
}

.tycard .back .content p{
margin:0 0 8px 0;
padding:0;
}

.tycard.flip .back{
transform:rotate3D(0, 1, 0, 0deg);
}



.tybio{
font-family:'Montserrat', sans-serif;
font-size:16px;
color:#474747;
}

.tybio .image img{
width:100%;
border-bottom:solid 12px #ffe500;
border-radius:0 0 5px 5px;
}

.tybio .name{
font-size:20px;
font-weight:800;
color:#202a2a;
padding:10px 0 20px 0;
}

.tybio .bio{
max-height:255px;
overflow:hidden;
transition:all 1s;
font-size:16px;
line-height:130%;
color:#595959;
}

.tybio .bio.open{
max-height:2000px;
}

.tybio .more a{
display:inline-block;
vertical-align:middle;
font-size:16px;
color:#5b5b5b;
font-weight:700;
}

.tybio .more a::before{
display:inline-block;
padding-right:10px;
content:'+';
font-size:33px;
color:#ffe500;
font-weight:700;
vertical-align:sub;
}





.tystories{
position:relative;
color:#595959;
text-align:center;
}

.tystories .previousbutton{
display:inline-block;
position:absolute;
top:50%;
left:10px;
transform:translateY(-50%);
width:25px;
cursor:pointer;
}

.tystories .nextbutton{
display:inline-block;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
width:25px;
cursor:pointer;
}


.tystories .story{
display:block;
width:80%;
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
display:none;
}