body
{
	font-size:14px;
	
}
img
{
	max-width:100%;
}
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar:horizontal {
	height: 8px;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: rgb(213, 215, 218);
	border-radius: 10px;
	transition: all 0.2s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
	cursor: pointer;
	background-color: rgb(193, 195, 199);
}


/****font face***********/
@font-face {
    font-family: 'futura_md_btbold';
    src: url('fonts/futura_bold_bt-webfont.eot');
    src: url('fonts/futura_bold_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura_bold_bt-webfont.woff') format('woff'),
         url('fonts/futura_bold_bt-webfont.ttf') format('truetype'),
         url('fonts/futura_bold_bt-webfont.svg#futura_md_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_md_btmedium';
    src: url('fonts/futura_medium_bt-webfont.eot');
    src: url('fonts/futura_medium_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura_medium_bt-webfont.woff') format('woff'),
         url('fonts/futura_medium_bt-webfont.ttf') format('truetype'),
         url('fonts/futura_medium_bt-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_lt_btlight';
    src: url('fonts/futura_light_bt-webfont.eot');
    src: url('fonts/futura_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura_light_bt-webfont.woff') format('woff'),
         url('fonts/futura_light_bt-webfont.ttf') format('truetype'),
         url('fonts/futura_light_bt-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futura_hv_btheavy';
    src: url('fonts/futurah-webfont.eot');
    src: url('fonts/futurah-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futurah-webfont.woff') format('woff'),
         url('fonts/futurah-webfont.ttf') format('truetype'),
         url('fonts/futurah-webfont.svg#futura_hv_btheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'heroregular';
    src: url('fonts/hero-webfont.eot');
    src: url('fonts/hero-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hero-webfont.woff') format('woff'),
         url('fonts/hero-webfont.ttf') format('truetype'),
         url('fonts/hero-webfont.svg#heroregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hero_lightlight';
    src: url('fonts/hero_light-webfont.eot');
    src: url('fonts/hero_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hero_light-webfont.woff') format('woff'),
         url('fonts/hero_light-webfont.ttf') format('truetype'),
         url('fonts/hero_light-webfont.svg#hero_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar:horizontal {
	height: 8px;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: rgb(213, 215, 218);
	border-radius: 10px;
	transition: all 0.2s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
	cursor: pointer;
	background-color: rgb(193, 195, 199);
}


/****header*****/
#header_container
{
	height: 90px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}
#header
{
	max-width:1150px;
	padding: 0 30px;
	margin-right:auto;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	margin-left:auto;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#barre_container .right-container,#header_container .right-container{
	display: flex;
	align-items: center;
}
#header_container .language-select, #barre_container .language-select{
	margin-left: 15px;
	font-weight: 600;
}
#header_container .login-btn, #barre_container .login-btn{
	/* width: 100px; */
	padding: 0 20px;
	height: 38px;
	color: #fff;
	border: 0;
	background: #FF6900;
	margin-left: 15px;
	border-radius: 4px 4px 4px 4px;
}
.login-btn:hover{
	cursor: pointer;
}
#header_container .language-select select, #barre_container .language-select select{
	border: 0;
	font-size:1.2em;
	background: none;
	color:#FFF;
	width: max-content;
}
#header_container .language-select option, #barre_container .language-select option{
	font-size:1em;
	color:#333;
	border: 0;
	border-radius: 4px;
	margin-top: 5px;
	background-color: rgba(255, 255, 255, .2);
	line-height: 1.2em;
}
#logo
{
	display:block;
	text-decoration: none;
	background-image: url(../images/logo_blanc.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 58.3px;
	width: 180px;
}

#menu, #menu_min
{
	font-family:"futura_md_btbold", Arial, Helvetica, sans-serif;
	background-image: url(../images/open_menu_blanc.png);
	background-repeat: no-repeat;
	height: 21px;
	display:block;
	text-decoration:none;
	cursor:pointer;
	color:#FFF;
	background-position: right center;
	text-transform: uppercase;
	font-size:1.0714em;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding-right:40px;
	line-height: 22px;
}
#menu {
    text-shadow: 0px 1px 4px #666;
}
#menu.close, #menu_min.close
{
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 17px;	
	text-indent:-10000px;
}

/****menu horizontal open ****/
#menu_open_h
{
    background-color: #FF6900;
	width: 100%;	
	position:fixed;
	top:0px;
	z-index:8;
	display:none;
}
#menu_h
{
	margin-top:125px;
	max-width:1150px;
	box-sizing: border-box;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:48px;
	overflow:hidden;
	padding-left:30px;
	padding-right:30px;
	display: flex;
	justify-content: space-around;
	
}
#menu_h a{
	font-size: 14px;
	font-family: STHeitiSC, STHeitiSC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 14px;
	text-decoration: none;
}


/******barre menu onscroll***/
#barre_container
{
    background-color: #FF6900;
	height: 90px;
	width: 100%;	
	position:fixed;
	padding: 0 30px;
	top:0px;
	z-index:10;
	display:none;
}



#barre
{
	max-width:1150px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}

#logo_min
{
	background-image: url(../images/logo_blanc.png);
	background-size: 100% 100%; 
	height: 58.3px;
	width: 180px;
	z-index:1000;
}


#menu_min
{
	top:35px;
}
#menu_min.close
{
	top:35px;
}




/******footer***/
#footer
{
	height: 76px;
}
#footer a
{
	color: #999999;
	text-decoration: none;
	cursor: pointer;
}
#menu_social
{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}








#prevslide, #nextslide
{
	z-index:101;
}

.container
{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	background-image: url(../images/bg_container_home.png);
	background-repeat: no-repeat;
	display: block;
	height: 250px;
}






#slidehome
{
	background-image: url(../images/slideto.png);
	background-repeat: no-repeat;
	height: 52px;
	width: 52px;
	position: absolute;
	left: 50%;
	bottom: 50px;	
	cursor:pointer;
	z-index:5;
	margin-left:-26px;
}
#slides
{
	height: 100vh;
}
#slides .item-wrap
{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#slides .item-wrap 
{
	width:100%;
	height:100%;
}

#content_home
{
	
	
}

.section_page
{
	padding-top:30px;
	padding-bottom:40px;
	text-align:center;
	position:relative;
	clear:both;
}

.section_page h1
{
	
	font-family:"futura_hv_btheavy", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	background-image: url(../images/symbole_titre2.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 55px;
	font-size: 26px;
	font-family: HelveticaNeue, HelveticaNeue;
	font-weight: bold;
	color: #000000;
	line-height: 32px;
	padding-bottom: 16px;
}
.first_section h1
{
	background-image: url(../images/symbole_titre.png);
	padding-top: 68px;	
	
}


.section_page .ancre_section
{
	position:absolute;
	
}
.section_page .ancre_section
{
	top:-60px;
}

.first_section .ancre_section
{
	top:0px;
}


#super_container_content
{
	width: 100%;

}


#container_content
{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}


/******news home****/
#news_home
{
	text-align:center;
	overflow: hidden;
	
}
.article_news_home
{
	display:inline-flex;
	flex-direction: column;
	/*float:left;*/
	text-align:center;
	text-decoration:none;
	white-space: normal;
	vertical-align:top;
}
.article_news_home .photo_news
{
	position:relative;
	flex: 1;
	overflow:hidden;
}
.article_news_home .photo_news img{
	/* height: 330px;
	object-fit: cover; */
}
.article_news_home img
{
	height:auto;
}

.article_news_home
{
	width:25%;
	float: left;
	
}
/*.details_news, .filtre_photo_news, .article_news_home img, .article_news_home .photo_news
{
	width:264px;
	height:264px;

}*/
.details_news 
{
	/*display:table-cell;*/
	vertical-align:middle;
	position:relative;
	overflow:hidden;
	flex: 1;
	
}
.details_news .infos_news
{
	position:absolute;
	padding:20px;
	    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.details_news .infos_news .bank-logo{
	transform: scale(1) !important;
	margin-bottom: 16px;
	width: auto;
}
.details_news .infos_news p{
	font-size: 12px;
	font-family: STHeitiSC, STHeitiSC;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	line-height: 21px;
}
.details_news .infos_news h1
{
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
	font-weight: normal;	
	line-height:20px;
	
}
.details_news .infos_news h2
{
	font-family: Arial, Helvetica, sans-serif;
	color:rgba(255, 255, 255);
	color:rgba(255, 255, 255, 0.7);
	font-size:14px;
	margin-bottom:5px;
}

.article_news_home .filtre_photo_news
{
	/* position:absolute;
	z-index:5; */
	
	opacity: 0.3;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* Hack IE8 */
    filter: alpha(opacity = 30); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.3s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.3s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.3s ease-in-out;/* transition pour Op�ra */
    transition: opacity 0.3s ease-in-out; /* on �crit cette ligne � la fin de fa�on � ce que ce soit elle qui soit prise en compte 			lorsque l'attribut transition sera pris en compte par tous les navigateurs */
	width: 100%;
	height: 100%;
}

.article_news_home:hover .filtre_photo_news{
   opacity: 0; /* opacite au survol */
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Hack IE 8 */
    filter: alpha(opacity = 0); /* Hack IE 5-7 */
}

.article_news_home img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	z-index:4;
	max-width: 100%;
}

.article_news_home:hover img
{
	-webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
		z-index:4;
}




/********************/


/****popup news****/
#detail_content_news
{
	background-color: #FFF;	
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/bg_popup.png);
	background-repeat: no-repeat;
	background-position: right bottom;

}
#detail_news
{
	overflow:hidden;
}
#detail_news a
{
	color:#e75a38;
}


#detail_news img.img_news
{

	
	float:left;
	margin-right:20px;
	max-width:100%;
	width:40%;
	position:relative;
}
#texte_details_news
{
	padding-top: 30px;
	padding-right: 60px;
	padding-bottom: 60px;
	padding-left: 30px;
	overflow:hidden;
	word-wrap: break-word;
}

#detail_news h2
{
	font-family:"heroregular", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height:28px;
	color:#8f112f;
}

#detail_news h3
{
	font-family:"futura_md_btmedium", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:15px;
	color: #666;
}
#detail_news 
{
	color: #666;
}

/****latest investment*****/



#logos_investment_home
{
	max-width:845px;
	margin-left:auto;
	margin-right:auto;
	font-size: 14px;
	font-family: STHeitiSC, STHeitiSC;
	font-weight: 500;
	color: #97999B;
	line-height: 21px;
	padding: 0 30px;
}

#logos_investment_home .logo_investment_home
{
	display:inline-block;
	width:21%;
	margin-right:2%;
	margin-left:2%;
	text-align:center;
}


#logos_investment_home .logo_investment_home img {
	        filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
		
			opacity: 0.5;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* Hack IE8 */
    filter: alpha(opacity = 50); /* Hack IE 5-7 */
		
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	z-index:4;
}


#logos_investment_home .logo_investment_home:hover img {
	       filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
		
	opacity: 1;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */
}

/****popup investment****/
#detail_content_company
{
	background-color: #FFF;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/bg_popup.png);
	background-repeat: no-repeat;
	background-position: right bottom;

}
#detail_company
{
	overflow:hidden;
}
.logo_company
{

	
	float:left;
	margin-right:20px;
	max-width:100%;
	width:40%;
	position:relative;
}
.logo_company img
{
	max-width:100%;
}

.teinte_logo_company
{
	position:absolute;
	width:100%;
	height:100%;
	background-color: rgba(143,17,47,0.7);
}

.teinte_logo_company img
{
	padding:5px;
	background:#FFF;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;

max-height: 100%;
max-width: 100%;

	
}

#detail_company .resume_company h2
{
	font-family:"heroregular", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height:28px;
	color:#8f112f;
}

#detail_company .resume_company
{
	font-family:"futura_md_btmedium", Arial, Helvetica, sans-serif;
	font-size:14px;

	color: #666;

	overflow:hidden;
	padding:30px;

}

#detail_company .resume_company a
{
	color:#8f112f;
}

#detail_company .texte_company
{
color: #666;
overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:15px;
		border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #E8E8E8;
color: #666;
overflow:hidden;
margin-top:15px;
}

/****article.php****/
#visuel
{
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardis�e */
	text-align:center;
	width:100%;
	overflow:hidden;
	min-height:250px;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-position: center;
	max-width:100%;
	/*min-width:1000px;*/
	min-height:250px;
}

#visuel, #bandeau
{
	height:445px;
	/*background-color:#032421;
	background-color:rgba(3, 36, 33, 0.7);*/
}
#bandeau .image_bandeau
{
	max-width:100%;
	min-width:1000px;
	width:auto;
	min-height:250px;
}
.content_bandeau
{
	width:100%;
	text-align:center;
	padding-top:160px;
}
.content_bandeau h1
{
	font-family:"futura_md_btmedium", Arial, Helvetica, sans-serif;
	font-size:72px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: normal;
	letter-spacing:0.1em;
	background-image: url(../images/bg_content_bandeau.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.content_bandeau h2
{
	font-family:"heroregular", Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #FFF;
}

.article_content
{
	text-align:center;
}

.bouton_scroller
{
		background-color: rgba(3,36,33,0.8);
	height:35px;
	width:35px;	
	/*-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;*/

-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;


filter: alpha(opacity=80);
-khtml-opacity: .8;
-moz-opacity: .8;
opacity: .8;
}



#down_scroller
{


	background-image: url(../images/scroll_down.png);
	background-repeat: no-repeat;
	background-position: center center;	
	position:fixed;
	left:20px;
	top:50%;
	margin-top:-28px;
	display:none;
	z-index:6;
	

}

#up_scroller
{

	background-image: url(../images/scroll_up.png);
	background-repeat: no-repeat;
	background-position: center center;	
	position:fixed;
	bottom: 20px;
	right:20px;
	margin-top:-28px;
	display:none;
	z-index:6;
}

#up_scroller.bouton_scroller:hover
{
	background-color: rgba(231,90,56,1);
	filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;

}

.dot-navigation {
margin: 0;
width: 30px;
height: auto;
position: fixed;
display: inline-block;
right: 23px;
top: 50%;
z-index: 9;
text-align: center;
line-height: 100%;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-moz-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);

/*display:none;*/
}

.dot-navigation a .section {
width: 10px;
height: 10px;
float: left;
margin: 0 auto;
text-align: center;
background-color: #032421;
/*-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;*/
-moz-transition: opacity 150ms ease;
-webkit-transition: opacity 150ms ease;
-ms-transition: opacity 150ms ease;
-o-transition: opacity 150ms ease;
transition: opacity 150ms ease;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
filter: alpha(opacity=50);
-khtml-opacity: .5;
-moz-opacity: .5;
opacity: .5;
}

.dot-navigation a.active .section {
width: 14px;
height: 14px;
background-color: transparent;
border: 2px solid #ddd;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}

.dot-navigation .hover-caption {
line-height: 40px;
padding: 0 20px 0 20px;
width: auto;
height: 40px;
z-index: 10;
right: 40px;
top: -5px;
position: absolute;
color: #fff;
text-transform: uppercase;
font-size: .8em;
font-family: "ProximaNovaBold","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 300;
letter-spacing: 2px;
display: inline-block;
white-space: nowrap;
background-color: rgba(231,90,56,.8);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-moz-transition: opacity 150ms ease;
-webkit-transition: opacity 150ms ease;
-ms-transition: opacity 150ms ease;
-o-transition: opacity 150ms ease;
transition: opacity 150ms ease;

pointer-events:none;
}
.dot-navigation a.active {
margin: 0 0 0 -2px;
}

.dot-navigation .hover-caption:before {
content: "";
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 0;
border-left: 7px solid rgba(231,90,56,.8);
position: absolute;
top: 13px;
right: -7px;
}
.dot-navigation a {
margin: 0 auto;
padding: 10px;
display: inline-block;
text-align: center;
float: left;
position: relative;
}

.dot-navigation a.active:hover .section{border-color:#e75a38;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1}

.dot-navigation a:hover .section, .dot-navigation a.hover .section{background-color:#e75a38;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1}


.dot-navigation a:hover .hover-caption
{
	filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity:1;
}


/*****Barre filtre***/
#barre_filtres
{
	text-align:center;
	font-size: 1px;
	background-color: #E6E6E6;
	padding-top: 20px;
	padding-bottom: 10px;	
}
.bouton_filtre
{
	color: #FFF;
	background-color: #032421;
	display: inline-block;
	cursor:pointer;
	margin-left:10px;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 50px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom:10px;
	min-width:190px;
}
.bouton_filtre:hover,.styled-select select:focus, #barre_filtres .active
{
	background-color:#B05C40;
}
.bouton_senior
{
	display:none;
}

.styled-select select {
	background-color: #032421;
	font-size: 14px;
	color:#FFF;
	/*line-height: 1;*/
	border: 0;
	border-radius: 0;
	height: 50px;
	-webkit-appearance: none;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin: 0px;
	/*width:190px;*/
	cursor:pointer;
	text-transform:none;
	-webkit-appearance: none;
}



.styled-select {

	height: 50px;
	overflow: hidden;
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	vertical-align:top;
	position:relative;
	margin-bottom:10px;
	width:190px;
	
}
.styled-select select option
{
	background-color:#fff;
	background-color:rgba(255, 255, 255, 0.95);
	color:#767676;
}




.styled-select:after {
	content: "";
	display: block;
	position: absolute;
	width: 13px;
	height: 9px;
	top: 20px;
	right: 15px;
	background-image: url(../images/arrow_filtre.png);
	background-repeat: no-repeat;
	background-position: right center;
	pointer-events: none;
}





/****mixitup***/
#Container_elements
{
	
	overflow:hidden;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

}

#Container_elements .mix{
   display: none;
}
.mix
{
	
	display:inline-block;
	vertical-align:top;
	position:relative;
	float:left;
}

.mix
{
	width:16.6667%;
	overflow:hidden;

}
/*#Container_elements .mix:nth-child(1), #Container_elements .mix:nth-child(23), #Container_elements .mix:nth-child(30)
{
	width:25%;
	overflow:hidden;
}	*/

/*.senior-management
{
	width:25%;
	overflow:hidden;

}*/

/***magnet

#Container_elements
{
	
	overflow:hidden;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	max-width:1560px;
}
.mix
{
	width: 250px;
	height: 250px;
	overflow:hidden;
		display:inline-block;
	vertical-align:top;
	
}
/*.senior-management
{
	width: 300px;
	height: 300px;
}
*/

.mix img
{
	max-width:100%;
}


.element_hover
{
	background-color: rgba(3,36,33,0.8);
	position:absolute;
	height:100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width:100%;
	opacity: 0;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Hack IE8 */
    filter: alpha(opacity = 0); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.1s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.1s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.1s ease-in-out;/* transition pour Op�ra */
    transition: opacity 0.1s ease-in-out; /* on �crit cette ligne � la fin de fa�on � ce que ce soit elle qui soit prise en compte 			lorsque l'attribut transition sera pris en compte par tous les navigateurs */
	z-index:5;
}
.element_hover.hover_icmember {opacity: 1;}

.hover_company
{
	background-color: rgba(143,17,47,0.7);
}

.mix:hover .element_hover
{
	opacity: 1;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */
}

.mix:hover .hover_company
{
	opacity: 1;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */
}




.mix img.img_element
{
		filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);


    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	



	z-index:4;
}


.people img
{
-webkit-transform-origin:50% 10%;-moz-transform-origin:50% 10%;-ms-transform-origin:50% 10%;-o-transform-origin:50% 10%;transform-origin:50% 10%;
}

.case-study img.img_element/*, .senior-management img.img_element*/
{
		filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
}




.mix:hover img.img_element
{
		-webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
		 filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);	
		
		
		
		


}


.hover-content {
margin-top: 50%;
padding-left:15px;
padding-right:15px;
text-align:left;
}

.hover_company
{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}

.hover_company  img
{

position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0px;
max-height: 100%;
max-width: 100%;
background-color:#FFF;

}

.hover_company h4
{
	font-family:"futura_md_btmedium", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;

	margin-top: 10%;
	
}

.hover-content h3
{
	font-family:"futura_md_btmedium", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-bottom-color: rgba(255, 255, 255, 0.3);
	margin-bottom: 0.2em;
	padding-bottom: 0.1em;
}
.hover-content h4
{
		font-family:"futura_lt_btlight", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFF;
}
.sl-hover-arrow
{
	margin-top:0.1em;
	background-image: url(../images/arrow_petite_miniature.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 100%;
	display:inline-block;
	background-position: center;
}

.senior-management .sl-hover-arrow
{

	background-image: url(../images/arrow_petite_miniature.png);
	height: 43px;
	

}
.apercu_team
{
	opacity: 1;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */
	
	font-family:"futura_md_btbold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	background-color: rgba(255,255,255,0.70);
	padding: 1rem 0.8rem;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #666;
	text-align:left;
			-webkit-transition: opacity 200ms ease-out,-webkit-transform 200ms ease-out;
		-moz-transition: opacity 200ms ease-out,-moz-transform 200ms ease-out;
		-o-transition: opacity 200ms ease-out,-o-transform 200ms ease-out;
		transition: opacity 200ms ease-out,transform 200ms ease-out;
}
.mix:hover .apercu_team
{
		opacity: 0;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Hack IE8 */
    filter: alpha(opacity = 0); /* Hack IE 5-7 */
}


/****popup people****/
#detail_content_people
{
	background-color: #FFF;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/bg_popup.png);
	background-repeat: no-repeat;
	background-position: right bottom;

}
#detail_people
{
	overflow:hidden;
}
.logo_people
{
	float:left;
	margin-right:20px;
	max-width:100%;
	width:40%;
}

.logo_people img
{
	width:100%;
			 filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);	
}

#detail_people .resume_people h2
{
	font-family:"heroregular", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height:28px;
	color:#e75a38;
}

#detail_people .resume_people
{
	font-family:"futura_md_btmedium", Arial, Helvetica, sans-serif;
	font-size:14px;
	
	color: #666;

	overflow:hidden;
	
	padding:30px;
	padding-bottom:70px;
}

#detail_people .resume_people a
{
	color:#76c8d4;
}

#detail_people .texte_people
{
	font-family:Arial, Helvetica, sans-serif;
	padding-top:15px;
		border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #E8E8E8;
color: #666;
overflow:hidden;
margin-top:15px;
}

/*****************history******/
#container_history
{
	height:710px;
}
.history_dates
{
	background-color: #747953;
	height: 90px;
	background-image: url(../images/bg_timeline.png);
	background-repeat: repeat-x;
	background-position: center center;
}



.container_texte_slide_history
{
	max-width:1000px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	
}
.texte_slide_history
{
	top:230px;
	position:absolute;
	left:20px;
	max-width:100%;
	text-align:left;
	width:400px;
}
.right .texte_slide_history
{
	right:20px;
	left:inherit;
}

.bottom .texte_slide_history
{
	top:450px;
}

.little .texte_slide_history
{
	width:250px;
}
.wide .texte_slide_history
{
	width:500px;
}



.black .texte_slide_history h2 ,.black  .texte_slide_history p
{
	color:#000;
}



.texte_slide_history h2
{
	font-family:"hero_lightlight", Arial, Helvetica, sans-serif;
	font-size:50px;
	color:#FFF;
	margin-bottom: 15px;

}

.texte_slide_history span
{
	font-family:"hero_lightlight", Arial, Helvetica, sans-serif;
}
.texte_slide_history p
{
	font-family:"futura_lt_btlight", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 18px;
	line-height:22px;
}


/**********************************/



.dropdown {
	color: #FFF;
	background-color: #032421;
	display: inline-block;
	cursor: pointer;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 50px;
	padding-right: 40px;
	padding-left: 20px;
	margin-bottom: 10px;
	width: 190px;
	cursor: pointer;
	position: relative;
	font-size:14px;
	background-image: url(../images/arrow_filtre2.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align:left;
	vertical-align: top;
	
}

.dropdown .selected div
{
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
	
	.dropdown ul { 
		list-style: none; padding: 0; margin: 0; 
		position: absolute;
		top: 50px; left: 0px; /* -1 for the border */
		z-index: 6;
		width: 100%;
		color: #767676;
		line-height:20px;
		background-color: rgba(255,255,255,0.70);
		background-color: #fff;
		display: none;
	}
	
	.dropdown li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size:12px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
		.dropdown li.selected { color: #fff; color: #767676; }
		.dropdown li:hover { background-color: #e75a38; color: #fff; }
		
		#barre_filtres .dropdown .active { background:transparent; }
		
	.dropdown.open { }
	.dropdown.open ul { }
	

/* specific */

.myform .subject {
	width: 250px;
	margin: 0 0 20px;
}

/*****Case studies***/
#slideshowcase::-webkit-scrollbar { 
    display: none; 
}

#slideshowcase
{
z-index:100;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
overflow: hidden;
display: block;

opacity: 0;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
filter: alpha(opacity = 0); 
 visibility: hidden; 
 
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;	
}
#slideshowcase.active
{
	opacity: 1;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */

	visibility: visible;
}

#slideshowcase .slides-navigation a
{
	width:50px;
	height:50px;
	background-color:rgba(143,17,47,0.90);
	background-repeat: no-repeat;
	background-position: center center;
}


#slideshowcase .slides-navigation a.next
{
	background-image: url(../images/arrow_next.png);	
	right:20px;
}

#slideshowcase .slides-navigation a.prev
{
	background-image: url(../images/arrow_prev.png);	
	left:20px;
}


#casestudies
{

}

.container_texte_slide
{
	max-width:1000px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}
.texte_slide
{
	top:350px;
	position:absolute;
	left:160px;
	max-width:100%;
	width:450px;
	padding:30px;
	background-color: rgba(143,17,47,0.90);
	text-align:left;
}

.thelogo_slide
{
	position:absolute;
	padding: 20px;
	width:150px;
	height:150px;
	left:10px;
	top:200px;
	z-index:12;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
}


.texte_slide h2
{
	font-family:"heroregular", Arial, Helvetica, sans-serif;
	
	font-size:30px;
	color:#FFF;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-bottom-color: rgba(255,255,255,0.20);
}

.texte_slide span
{
	font-family:"hero_lightlight", Arial, Helvetica, sans-serif;
}
.texte_slide p
{
	color: #FFF;	
}


/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from {top:400px;opacity:0;} to {top:350px;opacity:1;} }
@-moz-keyframes fadeIn {from {top:400px;opacity:0;} to {top:350px;opacity:1;}}
@keyframes fadeIn { from {top:400px;opacity:0;} to {top:350px;opacity:1;} }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease 1;
    animation:fadeIn ease 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    animation-duration:0.5s;
	
	transition-property: top;
	transition-duration: 0.5s;

}
 
.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}



/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes thelogo_slide { from {top:150px;opacity:0;} to {top:200px;opacity:0.9;} }
@-moz-keyframes thelogo_slide {from {top:150px;opacity:0;} to {top:200px;opacity:0.9;}}
@keyframes thelogo_slide { from {top:150px;opacity:0;} to {top:200px;opacity:0.9;} }

.thelogo_slide {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:thelogo_slide ease 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:thelogo_slide ease 1;
    animation:thelogo_slide ease 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    animation-duration:0.5s;
	
	transition-property: top;
	transition-duration: 0.5s;
	
	-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;

}
 
#close_cases
{
	
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;	
	position:fixed;
	right:20px;
	top:20px;
	z-index:101;
	background-color:rgba(143,17,47,0.90);
}

/*****news intenres*****/
#news_interne, #press_interne, #news_top
{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	
}
.news_interne
{
	display:inline-block;
	width:50%;
	vertical-align:top;
	
}
.photo_news_interne
{
	width:40%;
	max-width:100%;
	float:left;
}
.photo_news_interne img
{
	max-width:100%;
}
.article_news_intenre
{
	padding:15px;
	overflow: hidden;
	display: inline-block;
	text-decoration:none;
	width: 100%;
	
}
.details_news_interne
{
	overflow:hidden;
	text-align:left;
	padding:15px;
}

.details_news_interne h2
{
	font-family:"heroregular", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	color:#8f112f;
	
}
.details_news_interne h3
{
	font-family:"futura_md_btmedium", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#666;
	padding-bottom:10px;
	
}
.details_news_interne p
{

	font-size:14px;
	text-decoration:none;
	color:#767676;
	
}
.content_news_interne
{
	background-color:#F9F9F9;
	overflow:hidden;
}

#load_more_button, #load_more_button2
{
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:20px;
	max-width:1000px;
	width:100%;
	background-color:#8f112f;
	background-image: url(../images/arrow_filtre.png);
	background-repeat: no-repeat;
	background-position: center 30px;
	font-size:14px;
	color:#FFF;
	line-height:20px;
	border:0;
	cursor:pointer;
}



#load_more_button:disabled, #load_more_button2:disabled
{
	opacity: 0.2;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* Hack IE8 */
    filter: alpha(opacity = 20); /* Hack IE 5-7 */	
}
#animation_image, #animation_image2
{
	color:#333;
}


/*#load_more_button2

{
background-color:#e19c43;
}
#press_interne .details_news_interne h2
{
	color:#e19c43;
}
*/
/************videos********/
#videos_interne
{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.video_interne
{
	display:inline-block;
	width:25%;
	position:relative;
}
.video_interne img
{
	max-width:100%;
}
.play_video
{
	position:absolute;
	width:100%;
	height:100%;
	background-image: url(../images/ico_play_video.png);
	background-repeat: no-repeat;
	background-position: center center;	
}
.infos_videos
{
	position:absolute;
	bottom:0;
	padding:10px;
	color:#FFF;
	font-size:14px;
	font-family:"futura_lt_btlight", Arial, Helvetica, sans-serif;
	background-color: rgba(3,36,33,0.8);
	width:100%;
}
/****locations*****/
#map-canvas
{
	width:100%;
	height:600px;
	text-align:left;
	
}
#map-canvas img
{
	max-width:inherit;
}
.titre_content_bold
{
	font-family:"futura_md_btmedium", Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color:#76c8d4;
}


/******Charts****/
#container_charts
{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#donutchart
{
	width:100%;
	height:700px;
}

/****map presence***/
#map-presence
{
	width:100%;
	height:700px;
}
#map-presence
{
	text-align:left;
	
}
#map-presence img
{
	max-width:inherit;
}
/*****career***/
#container_message_contact
{
	background-color: #EBEBEB;
	font-family: 'hero_lightlight',Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	max-width:100%;
	color:#666;
	
}
#container_message_contact .fail
{
	font-family: 'heroregular',Arial, Helvetica, sans-serif;
	color:#8f151a;
	font-size: 24px;
}
#container_message_contact .succes
{
	font-family: 'heroregular',Arial, Helvetica, sans-serif;
	color:#9cc057;
	font-size: 24px;
}
#about_yourself .formulaire input,
#about_yourself .formulaire input[type="text"],
.enveloppe, .ligne_form select,
#about_yourself .formulaire input[type="password"],
#about_yourself .formulaire input[type="file"]
#about_yourself .formulaire textarea
{
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.error_page {
	margin-top:25px;
}
.titre_content h1 {
    background: url(../images/symbole_titre.png);
    padding-top: 75px;
    font-family: "futura_hv_btheavy", Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 55px;
    letter-spacing: 0.1em;
    padding-bottom: 40px;
    text-align: center;
    padding-top: 75px;
}
.contenaire .error_page p {
   
    font-size: 1.2em;
}
.error_page a {
    color: #e75a38;
}
#site_map dl#plansmenu1 dt a, #site_map dl#plansmenu2 dt a, #site_map dl#plansmenu3 dt a,  #site_map dl#plansmenu4 dt a, #site_map dl#plansmenu5 dt a, #site_map dl#plansmenu6 dt a,
#site_map dl#plansmenu7 dt a,
#site_map dl#plansmenu8 dt a {

    font-size: 16px;
    text-decoration: none;
    font-family: "futura_md_btmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
	line-height:25px;
	padding-left: 5px;
}
#site_map dl#plansmenu1 dt a{
color:#0f4d4a ;
border-left: 3px solid #0f4d4a;

}
#site_map dl#plansmenu2 dt a{
	 color: #e75a38;	
	 border-left: 3px solid #e75a38;
}
#site_map dl#plansmenu3 dt a{
color: #6fbec9;
border-left: 3px solid #6fbec9;

}
#site_map dl#plansmenu4 dt a{
    color: #9cc057;
	border-left: 3px solid #9cc057;
	
}
#site_map dl#plansmenu5 dt a{
    color: #e19c43;
	border-left: 3px solid #e19c43;
	
}
#site_map dl#plansmenu6 dt a{
    color: #edd900;
	border-left: 3px solid #edd900;
	
}
#site_map dl#plansmenu7 dt a{
    color: #b3373f ;
	border-left: 3px solid #b3373f ;
	
}

#site_map dl#plansmenu8 dt a{
    color: #97a06e ;
	border-left: 3px solid #97a06e ;
	
}

#site_map dl dd ul li a {
    color: rgba(3, 36, 33, 0.95);
    text-transform: uppercase;
    text-decoration: none;
    line-height: 25px;
    font-family: "futura_md_btmedium", Arial, Helvetica, sans-serif;
    font-size: 13px;
}
#site_map dl {
    float: left;
    margin-right: 8.08163% ;
    width: 16.7347%;
}
#site_map dl:first-child {
    float: none;
}
div#site_map {
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 25px;
	width:100%;
	text-align: left;
}

.dialog-mask{
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	z-index: 999;
	top: 0;
	left: 0;
}
.dialog-container{
	position: relative;
	width: 94%;
	height: 600px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url("../images/banner-EMT_homepage.jpg") no-repeat ;
	background-size: cover;
	background-position: center;
}
.dialog-container .dialog-head{
	padding:  20px 30px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
.dialog-head  .close{
	width: 30px;
	height: 30px;
	background: url("../images/close.png") no-repeat center center;
	cursor: pointer;
	margin-top: -20px;
}

.dialog-head .head-title{
	color: #fff;
	margin-left: 50px;
	margin-top: 30px;
	font-size: max(2rem,2vw);
}

.dialog-content{
	position: relative;
	width: 100%;
	height: 100%;
	font-family: monospace;
	overflow: hidden;
}

.dialog-content .news-content{
	max-width: 1150px;
	padding: 0 30px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}

.news-content .title-strong{
	font-weight: bold;
	margin-top: 2.5rem;
	color: #FF6900;
	font-size: max(1.7rem,1.7vw);
	margin-bottom: 1.7rem;
	line-height: 1;
}
.news-content p{
	/* font-family: math; */
}
.news-content .title-txt{
	line-height: 1.2;
	color: #fff;
	font-weight: 300;
	font-size: max( 4rem,4vw );
	margin-bottom: 1rem;
}
.news-content .title-desc{
	font-weight: 300;
	color: #fff;
	line-height: 1.4;
	font-size: max( 1.5rem,1.5vw );
	margin-bottom: 1rem;
}
.more-btn{
	background: #FF6900;
	color: #fff;
	border-radius: 2em;
	padding: 0.8em 1.9em;
	position: absolute;
	cursor: pointer;
	bottom: 15rem;
}
.more-btn:hover{
	background: #383838;
}
.more-btn::before{
}