/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

/* Logo Section
----------------------- */
#s5_logo_wrap {
	position: static;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
    max-width: 180px;
    box-sizing: border-box;
}

/* Welcome and Flag Section
---------------------------- */
.welcome_txt_flags {
    text-align: left;
    float: left;
    max-width: 450px;
    padding-top: 20px;
}
.welcome_txt_flags p span {
    display: inline-block;
}

/* Menu Section
---------------------------- */
#s5_menu_wrap {
	height: auto;
	top: 0px !important;
}
#s5_floating_menu_spacer {
    display: none !important;
}
#s5_menu_inner {
    width: 100%;
    float: left;
    padding-left: 166px;
    box-sizing: border-box;
}
#s5_menu_wrap ul.menu {
	margin-left: 0px;
}
#s5_search_wrap {
    height: 90px !important;
    line-height: 90px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: static !important;
    margin-top: 0 !important;
    width: 90px !important;
}
#s5_pos_flags_header {
    margin-top: 5px;
}
#s5_top_menu_login_wrap {
    background: none !important;
    border-top: none !important;
    float: left !important;
    border-top: 0px !important;
}
#s5_pos_top_menu {
    padding-right: 0 !important;
}
#s5_pos_custom_1 .content {
    position: static !important;
}

/* Language Section
----------------------- */
.language_switcher {
	float: right;
	padding: 20px 25px 0 0;
}
.mod-languages a {
	text-decoration: none;
    color: #69806a;
    font-weight: bold;
}
.mod-languages a:hover {
	text-decoration: underline;
}
.mod-languages a:hover, .mod-languages li.lang-active a {
    color: #A36629;
}
.s5_custom_1_present {
	padding-top: 1px !important;
	position: static !important;
}
#s5_menu_wrap.s5_wrap, #s5_menu_wrap.s5_wrap_fmfullwidth {
	height: auto !important;
	border: 0px !important;
	width: 96% !important;
}
#s5_menu_wrap.s5_wrap #s5_search_wrap, #s5_menu_wrap.s5_wrap_fmfullwidth #s5_search_wrap {
	margin-top: 0px !important;
	height: 61px !important;
	line-height: 61px !important;
}
#s5_menu_wrap.s5_wrap {
	position: static !important;
}

/* Search Section
----------------------- */
#s5_search_header {
    display: inline-block;
    position: relative;
	top: 30px;
	float: right;
	right: 25px;
}
#s5_search_header form {
    margin-bottom: 0;
}
#s5_search_header label.element-invisible {
    display: none;
}
#s5_search_header button.button {
    margin-right: 0px;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 27px;
    height: 27px;
    min-height: inherit;
    padding: 0 5px;
    font-size: 0;
    border-radius: 50% !important;
    background: #426EB0 url(../images/search-icon2.png) no-repeat center center/30px !important;
    transition: all 0.2s linear;
}
#s5_search_header:hover button.button {
	opacity: 0.9;
}
#s5_search_header button.button:hover {
	opacity: 0.8;
}
#s5_search_header input.search-query {
    border: 1px solid #00481F;
    border-radius: 25px !important;
    padding: 0px 10px;
    min-height: 35px;
    margin-bottom: 0px;
	width: 180px;
}

/* Blog Section
----------------------- */
.blog .item .page-header h2 {
    line-height: 130%;
    margin-bottom: 12px !important;
    margin-top: 10px;
}
.blog .item .page-header h2 a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  	padding-right: 25px;
}
/*
.blog .item p {
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 21px;
    max-height: 42px;
}
*/
.blog .item p {
    padding: 0;
    line-height: 170%;
}
.blog .item p.readmore {
    max-height: inherit !important;
}
.blog .item .item-image {
	overflow: hidden;
}
.blog .item .item-image img {
	height: 250px !important;
    max-width: inherit !important;
    width: auto !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* After Blog Section (Agenda, Statistiques forestières, Biodiversité)
----------------------------------------------------------------------- */
#s5_bottom_row1_area1 .cw-panel-box h3 a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    padding-right: 20px;
}

/* Partners Section
---------------------------------------------------- */
#s5_bottom_row2_area1 .s5_mod_h3_outer {
	text-align: center;
}

/* After Partners Section (AUTRES PARTIES PRENANTES)
---------------------------------------------------- */
#s5_below_columns_wrap1 h3.s5_mod_h3 {
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}
#s5_below_columns_wrap1 .s5_outer {
	text-align: center;
}
#s5_below_columns_wrap1 .s5_outer p {
	text-align: center;
}

/* Bottom Section (With Gallery/PHOTOTHÈQUE)
--------------------------------------------- */
#s5_bottom_row3_area2 {
	padding: 66px 50px 40px;
}
#s5_bottom_row3_area1 .module_round_box_outer {
	margin-left: 0px;
	padding: 0 15px;
}
#s5_bottom_row3_inner {
	margin-left: -15px;
	margin-right: -15px;
}
body .jdGallery .slideInfoZone .slide_title {
	padding: 0px 20px 5px !important;
	background: rgba(255, 255, 255, 0.85);
	display: inline-block;
	font-size: 36px !important;
}
div.sigplus-gallery>ul>li {
	width: 20%;
}
div.sigplus-gallery ul>li>a {
	display: block;
}
div.sigplus-gallery ul>li>img, div.sigplus-gallery ul>li>a>img {
	margin: 0px !important;
	width: 100%;
}
div.sigplus-gallery ul li a, div.sigplus-gallery ul.menu li span {
	padding: 3px;
	margin-bottom: 0px;
}
.s5_mobile_sidebar_h3_open span, #s5_responsive_mobile_sidebar_title_wrap_register_open, #s5_responsive_mobile_sidebar_title_wrap_login_open, #s5_responsive_mobile_sidebar a.s5_mobile_sidebar_active, #s5_responsive_mobile_sidebar .s5_mobile_sidebar_h3_open a {
	color: #426EB0 !important;
}

@media screen and (max-width: 1260px){
#s5_menu_wrap #s5_nav li {
	padding-left: 6px;
	padding-right:6px;
}
#s5_menu_wrap #s5_nav li a {
	font-size: 1em;
}
#s5_search_header input.search-query {
	width: 150px;
}
}

@media screen and (max-width: 1100px){
.welcome_txt_flags {
	max-width: 100%;
	width: 100%;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}
.language_switcher {
	float: left;
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
}
.mod-languages ul {
	text-align: center;
}
#s5_logo_wrap {
	float: none;
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
    max-width: 110px;
    box-sizing: border-box;
    margin: 0 auto;
}
#s5_menu_wrap ul.menu {
	margin-left: 0px;
}
#s5_search_header {
	display: none;
}
#s5_bottom_row1_area1 #s5_bottom_row1_inner .s5_float_left {
	width: 100% !important;
}
#s5_bottom_row1_area1 #s5_bottom_row1_inner .s5_resize_bottom_row1 {
    min-height: inherit !important;
    margin-bottom: 40px;
    width: 100%;
}
#s5_bottom_row1_area1 .module_round_box_outer {
	margin-left: 0px !important;
}
}