/* YELLOW 	= #e1d400 */
/* HARD GREY= #485258 */
/* MID GREY = #768187 */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,500,700,800,900,600);

																	/*-----------*/
																	/*   BASICS  */
																	/*-----------*/
html{
	background:#485258;
}
body{
	font-family:"Raleway", Arial, sans-serif;
	margin:0;
    color: #485258;
	font-size:14px;
	line-height:18px;
	font-weight:400;
}
em{
	font-style:italic;
}
strong{
	font-weight:700;
}
a{
	color: #e1d400;
	transition:all ease-out 0.2s;
}
a span{
	display:none;
}
ul{
	font-size:0;
}
.wrapper{
}
#loader{
	background:#485258;
	position:absolute;
	width:100%;
	height:100%;
	z-index:5000;
	/*transition:all ease-in-out 4s;*/
}


																	/*-------------------*/
																	/*  	  HEAD		 */
																	/*-------------------*/
#menu{
	position:fixed;
	background:#fff;
	height:138px;
	width:100%;
	top:-34px;
	box-shadow:0px 5px 5px rgba(0,0,0,0.2);
	z-index:1000;
	transition:all ease-out 0.3s;
}
/*************** TOP MENU **************/
#menu #top{
	background:#485258;
	height:34px;
	border-bottom:4px solid #e1d400;
	padding:0px 30px;
}
#menu #top ul li{
	display:inline-block;
}
#menu #top ul li a{
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
	color:#b3b6b8;
	display:block;
	padding:7px 10px;
	transition:color ease-out 0.2s;
}
#menu #top ul li.selected a, #menu #top ul li a:hover{
	color:#e1d400;
}
/* LANGUAGE */
#menu #top ul#language{
	position:absolute;
	left:30px;
	top:0;
}
/* SUPPORT */
#menu #top ul#support_menu{
	position:absolute;
	right:30px;
	top:0;
}
/* SOCIAL */
#menu #top ul#header_social{
	text-align:center;
}
#menu #top ul#header_social li{
	display:inline-block;
}
#menu #top ul#header_social li a{
	display:block;
	width:34px;
	height:34px;
	margin:0 1px 0 0;
	padding:0;
	transition:all ease-out 0.2s;
}
#menu #top ul#header_social li a#facebook{
	background:url('images/header_bt-social_facebook.png') no-repeat top center;
}
#menu #top ul#header_social li a#google{
	background:url('images/header_bt-social_google.png') no-repeat top center;
}
#menu #top ul#header_social li a#linkedin{
	background:url('images/header_bt-social_linkedin.png') no-repeat top center;
}
#menu #top ul#header_social li a#twitter{
	background:url('images/header_bt-social_twitter.png') no-repeat top center;
}
#menu #top ul#header_social li a:hover{
	background-position:bottom center !important;
}
/*************** LOGO **************/
#menu .logo{
	float:left;
	display:block;
	height:100px;
	width:150px;
}
#menu .logo a{
	display:block;
	padding:18px 30px;
	transition:all ease-out 0.6s;
}
#menu .logo a img{
	display:block;
	height:64px;
	width:120px;
}
/*************** MENU **************/
#menu ul#main_menu{
	float:right;
	margin-right:10px;
}
#menu ul#main_menu li{
	position:relative;
	display:inline-block;
}
#menu ul#main_menu li a{
	display:block;
	font-size:14px;
	color:#768187;
	font-weight:500;
	padding:50px 30px 32px;
	text-transform:uppercase;
}
#menu ul#main_menu li.selected a, #menu ul#main_menu li:hover a:hover{
	color:#e1d400;
}
#menu ul#main_menu li:hover a{
	color:#e1d400;
}
/*************** SUB MENU **************/
#menu ul#main_menu ul{
	background-color:#e1d400;
	display:none;
	position:absolute;
	top:117px;
	left:-60px;
	padding:20px;
	width:200px;
	/*transition:all ease-out 0.3s;*/
}
#menu ul#main_menu ul li{
	display:block;
	text-align:center;
	padding:1px 0px;
	font-size:14px;
}
#menu ul#main_menu ul li a, #menu:hover ul#main_menu ul li a, #menu ul#main_menu li.selected ul li a{
	display:block;
	font-size:14px;
	line-height:18px;
	font-weight:500;
	color:#fff;
	text-transform:none;
	padding:6px 0px;
	opacity:0;
}
#menu ul#main_menu li:hover ul li a{
	opacity:100;
}
#menu ul#main_menu ul li a:hover, #menu ul#main_menu li.selected ul li a:hover, #menu ul#main_menu li:hover ul li a:hover{
	color:#485258;
}
/*************** MENU HOVER **************/
#menu:hover{
	height:155px;
	top:0px;	
}
#menu:hover .logo{
	height:117px;
}
#menu:hover .logo a{
	padding:26px 30px;
}
#menu:hover ul#main_menu li a{
	padding:50px 30px 49px;
}

																	/*-------------------*/
																	/*  STANDARD CONTENT */
																	/*-------------------*/

#content{
	display:block;
	/*top:0;*/
	left:0;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	z-index:0;
}
#content .section{
	top:100%;
	background-color:#fff;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	/*transition:all ease-in-out 0.7s;*/
}
#content .section.activ{
	top:0;
}
/*************** TITLE **************/
#content .section .title{
	background-color:#485258;
	top:0;
	left:0;
	width:100%;
	height:100px;
	padding-top:104px;
	position:absolute;
	border-bottom:4px solid #e1d400;
	box-shadow:0px 5px 5px rgba(0,0,0,0.2);
	z-index:11;
	transition:all ease-out 0.2s;
}
#content .section .title:hover{
	/*padding-top:109px;
	height:110px;*/
}
/* BT TOP TOP */
#content .section .title a.to_top{
	background:url('images/double-arrows_up-grey-yellow.png') no-repeat center top;
	display:block;
	width:140px;
	height:100px;
	position:absolute;
	top:104px;
	left:0;
	z-index:4;
}
#content .section .title a.to_top:hover{
	background-position:bottom center;
}
#content .section .title a.to_top span{
	background-color:#e1d400;
	display:block;
	color:#fff;
	position:absolute;
	text-align:center;
	top:100px;
	left:-180px;
	height:0;
	/*opacity:0;*/
	/*font-size:0;
	line-height:0;*/
	font-size:18px;
	line-height:48px;
	height:50px;
	width:180px;
	transition:all ease-out 0.2s;
	z-index:0;
}
#content .section .title a.to_top:hover span{
	opacity:1;
	left:0;
}
/* TITLE H2 */
#content .section .title h2{
	text-transform:uppercase;
	font-size:30px;
	line-height:30px;
	color:#fff;
	text-shadow:0px 2px 0px rgba(0,0,0,0.4);
	text-align:center;
	letter-spacing:2px;
	font-weight:200;
	position:absolute;
	width:100%;
	display:block;
	padding:38px 0 0 0;
	float:left;
	z-index:2;
}
/* NAVIGATION */
#content .section .title a.show_navigation{
	background:url('images/title_nav-ico.png') no-repeat center top;
	width:120px;
	height:100px;
	display:block;
	position:absolute;
	top:104px;
	right:0;
	z-index:4;
}
#content .section .title a.show_navigation:hover{
	background-position:center;
}
#content .section .title ul.navigation{
	display:block;
	background-color:#e1d400;
	position:absolute;
	text-align:center;
	top:204px;
	right:-520px;
	padding:20px;
	transition:all ease-out 0.2s;
	z-index:0;
}
#content .section .title ul.navigation.activ{
	right:0px;
}
#content .section .title ul.navigation li{
	display:block;
	text-align:right;
}
#content .section .title ul.navigation li a{
	display:block;
	font-size:18px;
	line-height:18px;
	color:#fff;
	padding:12px 20px;
}
#content .section .title ul.navigation li a:hover, #content .section .title ul.navigation li.selected a{
	color:#485258;
}
/* BT CLOSE */
#content .section .title a.close{
	background:url('images/title_close-ico.png') no-repeat center top;
	display:block;
	width:140px;
	height:100px;
	position:absolute;
	top:104px;
	right:0;
	z-index:4;
}
#content .section .title a.close:hover{
	background-position:bottom center;
}
#content .section .title a.close span{
	background-color:#e1d400;
	display:block;
	color:#fff;
	position:absolute;
	text-align:center;
	top:100px;
	right:-240px;
	height:0;
	/*opacity:0;*/
	/*font-size:0;
	line-height:0;*/
	font-size:18px;
	line-height:48px;
	height:50px;
	width:220px;
	transition:all ease-out 0.2s;
	z-index:0;
}
#content .section .title a.close:hover span{
	opacity:1;
	right:0;
}
/*************** ARTICLES **************/
#content .section .article_canvas{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
}
#content .section .article_canvas .article{
	padding-top:208px;
	text-align:center;
}
/*************** BIG BUTTONS **************/
a.button{
	background:url('images/button_bg-yellow.jpg') no-repeat -635px top;
	font-size:18px;
	line-height:18px;
	font-weight:600;
	letter-spacing:2px;
	color:#e1d400;
	text-transform:uppercase;
	border:2px solid #e1d400;
	margin:60px auto 0;
	display:inline-block;
	padding:15px 50px;
	clear:both;
	transition:all ease-out 0.4s;
	z-index:11;
}
a.button.yellow{
	background-color:#fff;
	background-color:rgba(255,255,255,0.5);
}
a.button.white{
	color:#fff;
	border-color:#fff;
}
a.button:hover{
	background:url('images/button_bg-yellow.jpg') no-repeat right top;
	color:#fff;
}
/*************** LEFT / RIGHT ARROWS **************/
a.article_nav_arrow{
	position:absolute;
	top:208px;
	width:100px;
	z-index:20;
	transition:all ease-out 0.2s;
}
a.article_nav_arrow.left.bg{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );
}
a.article_nav_arrow.right.bg{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0.5) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(9%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0.5) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0.5) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
}
a.article_nav_arrow.left{
	left:0;
}
a.article_nav_arrow.right{
	right:0;
}
a.article_nav_arrow span{
	display:block;
	width:100%;
	height:100%;
	transition:all ease-out 0.2s;
}
a.article_nav_arrow.left span{
	background:url('images/arrow_article-nav-left_white-yellow.png') no-repeat center right;
}
a.article_nav_arrow.right span{
	background:url('images/arrow_article-nav-right_white-yellow.png') no-repeat center left;
}
a.article_nav_arrow.left.yellow span{
	background-position:20px center;
}
a.article_nav_arrow.right.yellow span{
	background-position:-120px center;
}
/* HOVER */
a.article_nav_arrow:hover, a.article_nav_arrow.activ{
	width:140px;
}
a.article_nav_arrow.left:hover span, a.article_nav_arrow.left.activ span{
	background-position:center left;
}
a.article_nav_arrow.right:hover span, a.article_nav_arrow.right.activ span{
	background-position:center right;
}
a.article_nav_arrow.left.yellow:hover span, a.article_nav_arrow.left.yellow.activ span{
	background-position:center left;
}
a.article_nav_arrow.right.yellow:hover span, a.article_nav_arrow.right.yellow.activ span{
	background-position:center right;
}

/*************** NEXT SECTION BOTTOM LINK **************/
#content .section .next_section{
	background-color:#485258;
	bottom:-60px;
	left:0;
	width:100%;
	height:60px;
	position:absolute;
	border-top:4px solid #e1d400;
	box-shadow:0px -5px 5px rgba(0,0,0,0.1);
	z-index:22;
	transition:all ease-out 0.2s;
}
#content .section .next_section a{
	background:url('images/double-arrows_down-yellow.png') no-repeat center -15px;
	color:#485258;
	font-size:18px;
	line-height:18px;
	text-align:center;
	text-transform:uppercase;
	font-weight:200;
	letter-spacing:2px;
	display:block;
	position:absolute;
	width:100%;
	padding:72px 0 30px 0;
	top:-50px;
}
#content .section .next_section:hover{
	background-color:#fff;
	color:#e1d400;
	bottom:0;
	/*border-top:10px solid #e1d400;*/
	/*height:74px;*/
}
#content .section .next_section:hover a{
	background-position:center -55px;
	top:0px;
	padding:20px 0 30px 0;
	font-weight:200;
	/*padding:82px 0 30px 0;*/
}
/* FOOTER NEXT SECTION */
#content .section .next_section.footer{
	background:url('images/footer_bg.jpg') #485258 no-repeat center fixed;
	-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover;
}

																	/*-------------------*/
																	/*     HOME PAGE	 */
																	/*-------------------*/
/*************** INTRO **************/
.section#home_intro{
	top:0;
}
.section#home_intro .title{
	display:none;
}
.section#home_intro .article{
	opacity:0;
	transition:all ease-out 2s;
}
.section#home_intro h1{
	text-shadow:0px 2px 2px rgba(0,0,0,0.8);
	text-align:center;
	letter-spacing:4px;
	font-size:48px;
	line-height:48px;
	font-weight:200;
	color:#e1d400;
	text-transform:uppercase;
	z-index:6;
	padding:0 0 10px 0;
}
.section#home_intro h1 strong{
	color:#fff;
	font-weight:500;
}
.section#home_intro img#intro_logo{
	display:block;
	width:246px;
	height:132px;
	position:absolute;
	z-index:4;
	top:90px;
}
.section#home_intro ul.countries{
	margin:20px 0;
	z-index:8;
}
.section#home_intro ul.countries li{
	background-color:#fff;
	background-color:rgba(0,0,0,0.5);
	border:1px solid rgba(255,255,255,0.5);
	display:inline-block;
	padding:4px 6px;
	margin-left:4px;
	font-size:13px;
	line-height:14px;
	font-weight:300;
	letter-spacing:1px;
	color:#fff;
	text-transform:uppercase;
}
.section#home_intro h3{
	text-shadow:0px 1px 2px rgba(0,0,0,0.8);
	text-align:center;
	font-size:24px;
	line-height:36px;
	font-weight:400;
    padding: 0 40px;
	color:#fff;
	z-index:9;
}
.section#home_intro h3 strong{
	color:#fff;
	font-weight:700;
}
.section#home_intro h3 a{
	color:#e1d400;
	font-weight:700;
}
.section#home_intro h3 a:hover{
	color:#fff;
}
/* CLOUDS */
.section#home_intro #introduction #cloud_one{
	background:url('images/hp_intro_cloud1-day.png') no-repeat top left;
	width:948px;
	height:308px;
	display:block;
	position:absolute;
	z-index:8;
	top:160px;
	left:0;
}
.section#home_intro #introduction #cloud_two{
	background:url('images/hp_intro_cloud2-day.png') no-repeat top left;
	width:450px;
	height:175px;
	display:block;
	position:absolute;
	z-index:7;
	top:280px;
	left:0;
}
.section#home_intro #introduction #cloud_one.night{
	background:url('images/hp_intro_cloud1-night.png') no-repeat top left;
}
.section#home_intro #introduction #cloud_two.night{
	background:url('images/hp_intro_cloud2-night.png') no-repeat top left;
}
/* BACKGROUND */
.section#home_intro #introduction #solarwind_bg{
	background-image: linear-gradient(top, #E0E8FF 0%, #FFFFFF 45%);
	background-image: -o-linear-gradient(top, #E0E8FF 0%, #FFFFFF 45%);
	background-image: -moz-linear-gradient(top, #E0E8FF 0%, #FFFFFF 45%);
	background-image: -webkit-linear-gradient(top, #E0E8FF 0%, #FFFFFF 45%);
	background-image: -ms-linear-gradient(top, #E0E8FF 0%, #FFFFFF 45%);	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #E0E8FF),
		color-stop(0.45, #FFFFFF)
	);
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:0;
}
.section#home_intro #introduction.night #solarwind_bg{
	background-image: linear-gradient(top, #282E32 0%, #485258 45%);
	background-image: -o-linear-gradient(top, #282E32 0%, #485258 45%);
	background-image: -moz-linear-gradient(top, #282E32 0%, #485258 45%);
	background-image: -webkit-linear-gradient(top, #282E32 0%, #485258 45%);
	background-image: -ms-linear-gradient(top, #282E32 0%, #485258 45%);	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #282E32),
		color-stop(0.45, #485258)
	);
}
.section#home_intro #introduction #solarwind_building{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	z-index:10;
}
.section#home_intro #introduction #solarwind_building img{
	position:absolute;
	bottom:0;
	width:100%;
}

/*************** Nos réalisations **************/

.section#home_realisations{
}
.section#home_realisations .project{
	display:block;
	position:absolute;
	width:30%;
	top:208px;
	bottom:200px;
	/*transition:all ease-out 0.4s;*/
}
.section#home_realisations .project.activ{
	/*left:30%;
	width:40%;*/
}
.section#home_realisations .project:hover{	
	/*cursor:pointer;
	cursor:url('images/cursor_plus.gif');*/
}
.section#home_realisations .project .project_img{
	position:relative;
	display:block;
	width:100%;
	height:80%;
	overflow:hidden;
}
.section#home_realisations .project .project_img img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
.section#home_realisations .project:hover .project_img img, .section#home_realisations .project.activ .project_img img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.section#home_realisations .project .project_info{
	position:absolute;
	background-color:#fff;
	width:100%;
	height:20%;
	z-index:21;
	transition:all ease-out 0.4s;
}
.section#home_realisations .project.activ .project_info, .section#home_realisations .project.activ:hover .project_info{
	background-color:#e1d400;
}
.section#home_realisations .project:hover .project_info{
	background-color:#ededed;
}
.section#home_realisations .project .project_info h5{
	font-size:18px;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#e1d400;
	padding:20px 0 10px;
	transition:all ease-out 0.4s;
}
.section#home_realisations .project.activ .project_info h5{
	color:#fff;
}
.section#home_realisations .project .project_info p{
	font-size:13px;
	display:block;
	padding:0 15px 20px;
}
.section#home_realisations .project .project_info a{
	color:#768187;
}
.section#home_realisations .project .project_info a:hover{
	color:#485258;
}
.section#home_realisations .project.activ .project_info a, .section#home_realisations .project.activ .project_info p+p{
	color:#485258;
}
.section#home_realisations .project.activ .project_info a:hover{
	color:#fff;
}
.section#home_realisations a.button{
    position:absolute;
    bottom:100px;
}

/*************** Nos services **************/
.section#home_services{
	background:url('images/services_bg.jpg') no-repeat center fixed;
	-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover;
}

.section#home_services .article{
	background-color:rgba(118,129,135,0);
	transition:all ease-in-out 0.4s;
}
.section#home_services h3{
	position:absolute;
	text-align:center;
	font-size:40px;
	line-height:48px;
	font-weight:300;
	letter-spacing:2px;
	text-shadow: 1px 1px 0 #fff;
	color:#485258;
	width:100%;
	padding:40px 0 0 0;
	transition:all ease-out 0.4s;
	top:208px;
	z-index:20;
}
.section#home_services .service_item{
	position:absolute;
	text-align:center;
	width:33%;
	height:100%;
	text-align:center;
	top:208px;
	transition:all ease-out 0.4s;
}
.section#home_services .service_item:hover{
	background:#fff;
	background:rgba(255,255,255,0.8);
}
.section#home_services .service_item h6{
	position:absolute;
	display:block;
	width:70px;
	height:70px;
	top:160px;
	z-index:2;
}
.section#home_services #PROject h6{
	background:url('images/services_logo-PROject.jpg') no-repeat center;
}
.section#home_services #CSDprotect h6{
	background:url('images/services_logo-CSDprotect.jpg') no-repeat center;
}
.section#home_services #PROnewtech h6{
	background:url('images/services_logo-PROnewtech.jpg') no-repeat center;
}
.section#home_services .service_item h6 span{
	display:none;
}
.section#home_services .service_item ul{
	position:absolute;
	width:100%;
	top:250px;
	left:0;
	right:0;
	z-index:2;
}
.section#home_services .service_item ul li{
	display:block;
	padding:20px 0 10px;
}
.section#home_services .service_item ul li+li{
	background:url('images/bullet_yellow.png') no-repeat top center;
}
.section#home_services .service_item ul li a{
	display:inline;
	color:#485258;
	font-size:16px;
	font-weight:600;
	line-height:18px;
	padding:10px 0;
}
.section#home_services .service_item ul li a:hover{
	color:#e1d400 !important;
}
.section#home_services a.button{
    position:absolute;
    bottom:100px;
	text-align:center;
	z-index:50;
	/*transition:all ease-in-out 0.9s;*/
}

/** NEW LOGO HP SERVICES **/

.section#home_services .service_item_new{
	position:absolute;
	text-align:center;
	width:25%;
	height:80%;
	text-align:left;
	padding-top:200px;
	transition:all ease-out 0.4s;
}
.section#home_services .service_item_new:hover{
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
}
.section#home_services .service_item_new img{
	margin:0 0 20px 40px;
}
.section#home_services .service_item_new h4{
	display:block;
	margin-left:40px;
	font-size:24px;
	font-weight:800;
	line-height:24px;
	padding-bottom:2px;
	text-transform:uppercase;
}
.section#home_services .service_item_new h5{
	display:inline-block;
	margin-left:40px;
	font-size:16px;
	font-weight:500;
	color:#fff;
	background:#485258;
	padding:3px 8px;
	text-transform:uppercase;
}
.section#home_services .service_item_new h5 span{
	display:inline;
	color:#e1d400;
}
.section#home_services .service_item_new ul{
	display:block;
	margin:10px 0 20px 40px;
}
.section#home_services .service_item_new ul li{
	display:block;
	font-size:14px;
	line-height:20px;
	font-weight:500;
}
.section#home_services .service_item_new .hp_services_plus{
	display:block;
	margin-left:40px;
	width:27px;
	height:27px;
	border:2px solid #e1d400;
	background:url('images/hp_services-plus-ico.gif') no-repeat center;
}
.section#home_services .service_item_new .hp_services_plus:hover{
	background-color:#fff;
}


/*************** News **************/
.section#home_news .news{
	display:block;
	position:absolute;
	width:33%;
	top:208px;
	bottom:200px;
	/*transition:all ease-out 0.4s;*/
}
.section#home_news .news:hover{
	/*cursor:pointer;
	left:30%;
	width:40%;*/
}
.section#home_news .news a{
	color:inherit;
}
.section#home_news .news .news_img{
	background:url('images/no-image_cross.png') #768187 no-repeat center;
	position:relative;
	width:100%;
	height:40%;
	overflow:hidden;
	transition:all ease-out 0.5s;
}
.section#home_news .news .news_img img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	position:absolute;
	top:0;
	left:0;
}
.section#home_news .news:hover .news_img{
	background-color:#485258;
}
.section#home_news .news:hover .news_img img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.section#home_news .news .news_info{
	position:absolute;
	background-color:#fff;
	width:100%;
	height:60%;
	transition:all ease-out 0.2s;
	text-align:justify;
	z-index:21;
}
.section#home_news .news .news_info p.date{
	font-size:14px;
	font-weight:700;
	color:#e1d400;
	transition:all ease-out 0.2s;
	padding:30px 30px 0 30px;
}
.section#home_news .news .news_info h5{
	font-size:18px;
	line-height:20px;
	font-weight:700;
	text-align:left;
	padding:20px 30px 5px;
	transition:all ease-out 0.2s;
}
.section#home_news .news .news_info p{
	font-size:13px;
	line-height:20px;
	font-weight:400;
	padding:0px 30px 30px;
}
.section#home_news .news .news_info p strong{
	font-weight:500;
}
.section#home_news .news .news_info p a{
	font-weight:700;
}
.section#home_news .news .news_info p a:hover{
	text-decoration:underline;
}
/*.section#home_news .news a:hover .news_info{
	background-color:#e1d400;
}
.section#home_news .news a:hover .news_info p.date{
	color:#485258;
}
.section#home_news .news a:hover .news_info h5{
	color:#fff;
}
.section#home_news .news a:hover .news_info p a{
	color:#fff;
}*/
.section#home_news a.button{
    position:absolute;
    bottom:100px;
}

/*************** ABOUT US **************/
.section#home_about .video{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.section#home_about .video iframe{
	position:absolute;
	width:60%;
	top:268px;
	left:20%;
	border:4px solid #e1d400;
}
.section#home_about .video p{
	position:absolute;
	font-size:18px;
	font-weight:600;
	bottom:100px;
	left:20%;
	width:60%;
	text-align:center;
}
.section#home_about a.article_nav_arrow{
	height:100%;
}
																	/*-------------------*/
																	/*     SERVICES	  	 */
																	/*-------------------*/
/*************** Liste services **************/
.section .service{
	z-index:100;
}
.section .service .img_zone{
	background:url('') #485258 no-repeat center fixed;
	-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover;
	position:absolute;
	width:100%;
	top:0;
	height:100%;
}
.section .service .img_zone img{
	width:100%;
}
.section .service .text_zone{
	background:#fff;
	background:rgba(255,255,255,0.92);
	position:absolute;
	width:100%;
	top:60%;
	height:40%;	
	z-index:100;
}
.section .service .text_zone h3{
	margin-top:40px;
	font-size:24px;
	line-height:30px;
	font-weight:700;
}
.section .service .text_zone ul.service_subtitle{
	margin:20px 150px 0 150px;
}
.section .service .text_zone ul.service_subtitle li,.section .service .text_zone ul.service_subtitle li:last-child{
	background:#485258;
	padding:4px 8px;
	margin:0 0 1px 1px;
	display:inline-block;
	font-size:18px;
	line-height:24px;
	font-weight:700;
	color:#fff;
}
.section .service .text_zone ul.service_subtitle li span{
	color:#e1d400;
}
.section .service .text_zone ul{
	margin:20px 150px 0 150px;
}
.section .service .text_zone ul li{
	background:url('images/bullet_yellow.png') no-repeat right center;
	padding:0 25px 0 15px;
	display:inline-block;
	font-size:16px;
	line-height:24px;
}
.section .service .text_zone ul li:last-child{
	background:none;
}
.section .service .text_zone a.button{
	margin-top:30px;
}




																	/*-------------------*/
																	/*    REALISATIONS 	 */
																	/*-------------------*/
/*************** Menu **************/
.section#realisations{
	background-color:#485258;
	position:relative;
}
.section#realisations #realisations_nav{
	background-color:#485258;
	position:fixed;
	left:0;
	top:104px;
	bottom:0;
	width:20%;
	z-index:0;
}
.section#realisations #realisations_nav h2{
	display:block;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
	padding:30px 20px 25px 0;
	margin-left:40px;
	border-bottom:2px solid #e1d400;
	font-weight:700;
}
.section#realisations #realisations_nav ul{
	margin-top:20px;
}
.section#realisations #realisations_nav ul li{
	display:block;
	padding:0 40px;
}
.section#realisations #realisations_nav ul li a{
	background:url('images/realisations_filters-bullet.gif') no-repeat;
	background-position: left -2px;
	display:block;
	padding:10px 0 10px 20px;
	font-size:14px;
	line-height:16px;
	color:#e1d400;
	transition:none;
	transition:color ease-out 0.4s;
}
.section#realisations #realisations_nav ul li a:hover{
	color:#fff;
}
.section#realisations #realisations_nav ul li a.selected{
	background-position: left -122px;
	color:#fff;
}
.section#realisations #realisations_list{
	background-color:#768187;
	position:absolute;
	right:0;
	top:104px;
	width:80%;
	z-index:1;
	border-left:2px solid #e1d400;
	box-shadow:-5px 0px 10px rgba(0,0,0,0.2);
}
.section#realisations #realisations_list ul li{
	position:relative;
	display:block;
	float:left;
	width:25%;
	height:250px;
}
.section#realisations #realisations_list ul li:hover{
	cursor:pointer;
}
.section#realisations #realisations_list ul li .realisation{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	transition:all ease-in-out 0.3s;
	z-index:0;
}
.section#realisations #realisations_list ul li.activ .realisation{
	top:-10%;
	left:-10%;
	width:120%;
	height:120%;
	z-index:10;
	box-shadow:5px 5px 5px rgba(0,0,0,0.3);
}
.section#realisations #realisations_list ul li .realisation.desactivated{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	opacity:0.2;
}
.section#realisations #realisations_list ul li .realisation h3{
	background-color:rgba(225,212,0,0.8);
	display:block;
	position:absolute;
	top:40px;
	left:-200%;
	padding:15px 25px;
	font-size:14px;
	line-height:18px;
	color:#fff;
	text-transform:uppercase;
	font-weight:500;
	transition:all ease-out 0.2s;
	z-index:1;
}
.section#realisations #realisations_list ul li:hover .realisation h3, .section#realisations #realisations_list ul li.activ .realisation h3{
	left:0;
	z-index:101;
}
.section#realisations #realisations_list ul li .realisation img{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transition:all ease-out 0.2s;
	z-index:0;
}
.section#realisations #realisations_list ul li.activ .realisation img, .section#realisations #realisations_list ul li:hover .realisation img{
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);*/
	z-index:100;
}




																	/*-------------------*/
																	/*     	 GROUP	  	 */
																	/*-------------------*/
/*************** Structure **************/
.section#group_structure{
	background:url('images/groupe_structure-bg.jpg') #485258 no-repeat center fixed;
	-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.section#group_structure #group_logo-progroup{
	display:block;
	padding-top:100px;
	margin:0 auto;
}
.section#group_structure ul#countries li{
	background-color:#fff;
	background-color:rgba(0,0,0,0.5);
	border:1px solid rgba(255,255,255,0.5);
	display:inline-block;
	font-size:12px;
	line-height:11px;
	font-weight:300;
	text-transform:uppercase;
	color:#fff;
	padding:4px 6px;
	margin:20px 5px;
}
.section#group_structure table{
	width:100%;
}
.section#group_structure table tr{
	width:100%;
	height:45px;
}
.section#group_structure table tr td{
}
.section#group_structure table tr td+td+td{
	border-left:1px solid #e1d400;
}
.section#group_structure table tr td+td+td+td{
	border-left:none;
}
.section#group_structure table tr+tr td+td{
	border-top:1px solid #e1d400;
	border-left:1px solid #e1d400;
}
.section#group_structure table tr+tr td+td+td{
	border-left:1px solid #e1d400;
}
.section#group_structure table tr+tr td+td+td+td{
	border-top:none;
}
.section#group_structure ul#entities{
	margin-top:20px;
}
.section#group_structure ul#entities li{
	display:inline-block;
	width:33%;
}
.section#group_structure ul#entities li img{
	display:block;
	margin:0 auto;
}
.section#group_structure ul#entities li p{
	text-align:center;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
	color:#fff;
	margin:20px 0 0;
}
/*************** TEAM **************/
.section#group_team{
	background:url('images/groupe_bg-team.jpg') #fff no-repeat center fixed;
	-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
/* Team Navigation */
.section#group_team #team_nav{
	position:absolute;
	bottom:120px;
	height:180px;
	z-index:50;
}
.section#group_team #team_nav li{
	position:relative;
	display:inline-block;
	width:160px;
	height:160px;
	float:left;
	border:4px solid rgba(255,255,255,0);
	transition:all ease-out 0.2s;
}
.section#group_team #team_nav li+li{
	margin-left:6px;
}
.section#group_team #team_nav li a{
	position:absolute;
	display:block;
	width:160px;
	height:160px;
	overflow:hidden;
	top:14px;
	left:0px;
	transition:all ease-out 0.1s;
}
.section#group_team #team_nav li a img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	position:absolute;
	width:160px;
	height:180px;
}
.section#group_team #team_nav li:hover a img, .section#group_team #team_nav li.selected a img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.section#group_team #team_nav li.selected{
	height:180px;
	border:4px solid #e1d400;
}
.section#group_team #team_nav li.selected a{
	top:0px;
	height:180px;
}
/* nav arrows */
.section#group_team a.article_nav_arrow{
	top:auto;
	bottom:120px;
}
.section#group_team a.article_nav_arrow.right:hover{
	width:100px;
}
/* members content */
.section#group_team .member{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1;
	overflow:hidden;
}
.section#group_team .member.activ{
	z-index:2;
}
.section#group_team .member .text_zone{
	position:absolute;
	width:40%;
	top:340px;
	text-align:justify;
	z-index:25;
	opacity:0;
	transition:all ease-out 0.8s;
}
.section#group_team .member.right .text_zone{
	right:400px;
}
.section#group_team .member.left .text_zone{
	left:400px;
}
.section#group_team .member.activ .text_zone{
	opacity:100;
}
.section#group_team .member.activ.right .text_zone{
	right:200px;
}
.section#group_team .member.activ.left .text_zone{
	left:200px;
}
.section#group_team .member .text_zone h3{
	color:#485258;
	font-size:36px;
	line-height:36px;
	font-weight:300;
	letter-spacing:2px;
	text-transform:uppercase;
	padding:0 0 20px;
}
.section#group_team .member .text_zone h4{
	color:#e1d400;
	font-size:18px;
	line-height:18px;
	font-weight:700;
	text-transform:uppercase;
	padding:0 0 10px;
}
.section#group_team .member .text_zone p{
	font-size:14px;
	line-height:24px;
	padding:0 0 10px;
}
.section#group_team .member .text_zone p a{
	font-weight:700;
}
.section#group_team .member .text_zone p a:hover{
	color:#485258;
	text-decoration:underline;
}
.section#group_team .member .text_zone blockquote{
	font-size:14px;
	line-height:24px;
	font-weight:500;
}
.section#group_team .member .text_zone blockquote:before{
	background:url('images/blockquotes.png') no-repeat top left;
	display:inline-block;
	content:"";
	height:20px;
	width:30px;
}
.section#group_team .member .text_zone blockquote:after{
	/*background:url('images/blockquotes.png') no-repeat bottom right;
	display:inline-block;
	content:"";
	height:20px;
	width:30px;*/
}
.section#group_team .member img{
	position:absolute;
	top:250px;
}
.section#group_team .member.right img{
	left:0;
}
.section#group_team .member.left img{
	right:0;
}
/*************** Values **************/
.section#group_values .value{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.section#group_values .value .img_zone{
	position:absolute;
	top:208px;
	width:100%;
	height:35%;
}
.section#group_values .value .text_zone{
	position:absolute;
	height:40%;
	bottom:0;
	width:100%;
}
.section#group_values .value .text_zone h3{
	color:#e1d400;
	font-size:30px;
	line-height:30px;
	font-weight:300;
	letter-spacing:2px;
	text-transform:uppercase;
	padding:40px 0 24px;
	display:inline-block;
	vertical-align: top;
}
.section#group_values .value .text_zone h3 strong{
	color:#485258;
	font-weight:300;
}
.section#group_values .value .text_zone h4{
	color:#e1d400;
	font-size:18px;
	line-height:18px;
	font-weight:700;
	text-transform:uppercase;
	padding:0 40px;
	margin-bottom:20px;
}
.section#group_values .value .text_zone p{
	display:block;
	font-size:14px;
	line-height:24px;
	width:75%;
	margin:0 auto;
}
/* 5i */
.section#group_values #five_i .img_zone{
	background:/*url('../images/valeurs_5i-logo.jpg')*/ #485258 no-repeat center;
}
.section#group_values #five_i .img_zone img{
	/*margin-top:170px;*/
}
.section#group_values .value .text_zone h3 #flip{
	font-size:30px;
	display: inline-block;
	vertical-align: top;
}
.section#group_values .value .text_zone h3 #flip strong{
	color:#485258;
	font-weight:300;
	display: none;
	vertical-align: top;
}
.section#group_values .value .text_zone h3 #flip strong:first-child {
	display: inline-block;
}
/* Cradle to Cradle */
.section#group_values #c_to_c .img_zone{
	background:url('') #485258 no-repeat center;
}
.section#group_values #c_to_c .img_zone img{
	margin-top:150px;
}
.section#group_values .article_nav_arrow{
	height:40%;
}

/* Fast Forward */
.section#group_values #fast_forward_thinking .img_zone{
	background:url('') #485258 no-repeat center fixed;
	-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover;
}

/*************** Office visit **************/
.section#group_office .article iframe{
	position:absolute;
	top:204px;
	left:-5%;
	width:105%;
	overflow:hidden;
	z-index:0;
}
.section#group_office .article iframe html{
	z-index:0;
}




																	/*-------------------*/
																	/*     	CONTACT	  	 */
																	/*-------------------*/
/*************** Contact us **************/
.section#contact_form #address, .section#contact_form #form{
	position:absolute;
	left:0;
	width:50%;
	height:100%;
}
/* MAP */
.section#contact_form #address #map{
	margin:100px 100px 20px;
	height:45%;
	border:4px solid #e1d400;
}
.section#contact_form #address .entity{
	text-align:left;
	float:left;
	width:30%;
	margin-left:100px;
}
.section#contact_form #address .entity+.entity{
	text-align:right;
	float:right;
	margin-left:0;
	margin-right:100px;
}
.section#contact_form #address .entity h6{
	font-size:18px;
	font-weight:600;
	color:#e1d400;
}
.section#contact_form #address .entity p{
	font-size:12px;
	line-height:18px;
	font-weight:500;
	margin-top:10px;
}
.section#contact_form #address .entity p strong{
	color:#e1d400;
}
/* Contact form */
.section#contact_form #form{
	position:absolute;
	left:50%;
	width:500px;
	top:308px;
	text-align:left;
}
.section#contact_form #form h3{
	font-size:30px;
	letter-spacing:1px;
	margin:0 0 30px 10px;
}
.section#contact_form #form p{
	padding:0;
	margin-left:10px;
}
.section#contact_form #form p em{
	display:block;
	font-size:12px;
	font-weight:600;
	color:#e1d400;
	font-style:normal;
	margin-right:10px;
	position:absolute;
	right:0;
}
.section#contact_form #form input, .section#contact_form #form textarea{
	border: 1px solid #e5e5e5;
	padding:12px 10px;
	font-size:14px;
	color:#768187;
	margin:20px 10px 0;
	width:206px;
	clear:both;
	transition:all ease 0.4s;
}
.section#contact_form #form input:focus, .section#contact_form #form textarea:focus{
	border: 1px solid #e1d400;
	color:#485258;
}
.section#contact_form #form #brochure{
	position:absolute;
}
.section#contact_form #form label{
	position:absolute;
	left:36px;
}
.section#contact_form #form #last_name, .section#contact_form #form #name{
	margin-top:35px;
}
.section#contact_form #form textarea{
	display:block;
	width:457px;
	min-height:60px;
}
.section#contact_form #form input[type="checkbox"]{
	width:auto;
	margin:0 10px 0 10px;
}
.section#contact_form #form #address{
	height:auto;
}
.section#contact_form #form .error{
	border: 1px solid #c81644;
	color:#c81644;
}
.section#contact_form #form .filled{
	border: 1px solid #e5e5e5;
	color:#485258;
}
.section#contact_form #form .error_message{
	position:absolute;
	top:-40px;
	color:#c81644;
	margin:10px 0 0 0;
}
.section#contact_form #form .success_message{
	top:-40px;
	position:absolute;
	color:green;
	margin:10px 0 0 0;
}
.section#contact_form #form .captcha{
	width:206px;
}
.section#contact_form #form .captcha img{
	display:block;
	margin-bottom:10px;
}
.section#contact_form #form .captcha #refreshcaptcha{
	margin:0 15px 0 10px;
	float:left;
}
.section#contact_form #form .captcha #refreshcaptcha:hover{
	cursor:pointer;
}
.section#contact_form #form #captcha-input{
	margin-top:0;
	float:left;
}
.section#contact_form #form input[type="submit"]{
	background:url('images/button_bg-yellow.jpg') no-repeat -635px top;
	font-weight:600;
	letter-spacing:2px;
	color:#e1d400;
	padding:11px 0;
	width:227px;
	text-transform:uppercase;
	border:1px solid #e1d400;
	margin-top:0;
	transition:all ease-out 0.4s;
}
.section#contact_form #form input[type="submit"]:hover{
	background:url('images/button_bg-yellow.jpg') no-repeat right top;
	color:#fff;
	cursor:pointer;
}
																	/*-------------------*/
																	/*     	JOBS	  	 */
																	/*-------------------*/
/*************** Page jobs **************/
.section .jobs{
	z-index:100;
}
.section .jobs .img_zone{
	background:url('') #e1d400 no-repeat center 204px;
	position:absolute;
	width:100%;
	top:0;
	height:60%;
}
.section .jobs .img_zone img{
	width:100%;
}
.section .jobs .text_zone{
	background:#fff;
	background:rgba(255,255,255,0.92);
	position:absolute;
	width:100%;
	top:60%;
	height:40%;	
	z-index:100;
}
.section .jobs .text_zone h3{
	margin-top:40px;
	font-size:24px;
	line-height:30px;
	font-weight:700;
	text-transform:uppercase;
}
.section .jobs .text_zone h3 strong{
	color:#e1d400;
}
.section .jobs .text_zone ul{
	margin:20px 150px 20px 150px;
}
.section .jobs .text_zone ul li{
	background:url('images/bullet_yellow.png') no-repeat right center;
	padding:0 25px 0 15px;
	display:inline-block;
	font-size:18px;
	line-height:30px;
}
.section .jobs .text_zone ul li:last-child{
	background:none;
}
.section .jobs .text_zone ul li a{
	color:#485258;
}
.section .jobs .text_zone ul li a strong{
	color:#e1d400;
}
.section .jobs .text_zone ul li a:hover{
	color:#e1d400;
}
.section .jobs .text_zone p{
	margin:10px 0 0;
}
.section .jobs .text_zone a.button{
	margin-top:30px;
}
/*************** jobs **************/
.section .job{
	z-index:100;
}
.section .job h1{
	margin-top:40px;
	font-size:36px;
	line-height:30px;
	font-weight:700;
	text-transform:uppercase;
}
.section .job h3{
	margin-top:40px;
	font-size:24px;
	line-height:30px;
	font-weight:700;
	text-transform:uppercase;
}
.section .job h4{
	margin-top:40px;
	font-size:18px;
	line-height:30px;
	font-weight:700;
	text-transform:uppercase;
	clear:both;
}
.section .job p{
}
.section .job ul{
	margin:20px 150px 20px 150px;
}
.section .job ul li{
	/*background:url('images/bullet_yellow.png') no-repeat left top;*/
	padding:0 0 0 15px;
	display:block;
	font-size:14px;
	line-height:18px;
}


																	/*-------------------*/
																	/*  	 FOOTER		 */
																	/*-------------------*/
#content #footer{
	background:url('images/footer_bg.jpg') #485258 no-repeat center fixed;
	-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover;
	width:100%;
	height:500px;
	border-top:4px solid #e1d400;
	/*transition:all ease-in-out 0.7s;*/
	z-index:20;
}
#footer:hover{
	/*border-top:10px solid #e1d400;
	bottom:-494px;
	cursor:pointer;*/
}

/*************** TOP **************/
#footer .top{
	background-color:rgba(255,255,255,0);
	transition:all ease-out 0.2s;
	padding:90px 40px 0;
}
/* STANDARD ELEMENTS */
#footer .top h5{
	font-size:18px;
	line-height:18px;
	font-weight:700;
	color:#fff;
	padding:0 0 30px 0;
}
#footer .top p, #footer .top li, #footer .top li a{
	color:#b0b3b4;
	font-size:12px;
	line-height:18px;
}
#footer .top li a:hover{
	color:#e1d400;
}
#footer .button{
	background-color:transparent;
	font-size:12px;
	font-weight:700;
	padding:8px 22px;
	margin:20px 0;
	border-width:1px;
}
#footer .button:hover{
	border-color:#fff;
}
/* NAV BOX */
#footer .top #footer_nav{
	float:left;
	width:25%;
}
#footer .top #footer_nav ul{
	width:130px;
	padding-bottom:20px;
	border-bottom:1px solid #e1d400;
}
#footer .top #footer_nav ul li{
	padding:0 0 5px;
}
#footer .top #footer_nav ul li a{
	font-weight:600;
	text-transform:uppercase;
}
#footer .top #footer_nav ul+ul{
	padding:20px 0 0;
	border:none;
}
/* GROUP BOX */
#footer .top #footer_group{
	float:left;
	width:25%;
}
#footer .top #footer_group ul li{
	padding:8px 0 8px 60px;
	line-height:40px;
	font-weight:800;
}
#footer .top #footer_group ul li#PROject{
	background:url('images/footer_logo-PROject.jpg') no-repeat left center;
}
#footer .top #footer_group ul li#CSDprotect{
	background:url('images/footer_logo-CSDprotect.jpg') no-repeat left center;
}
#footer .top #footer_group ul li#PROnewtech{
	background:url('images/footer_logo-PROnewtech.jpg') no-repeat left center;
}
/* SERVICES BOX */
#footer .top #footer_services{
	float:left;
	width:25%;
}
#footer .top #footer_services ul li{
	padding: 0 0 10px 0;
	font-size:16px;
	line-height:20px;
	font-weight:600;
}
/* CONTACT BOX */
#footer .top #footer_contact{
	float:left;
	width:30%;
}
#footer .top #footer_contact .footer_contact_entity{
	float:left;
	min-height:170px;
	margin-right:80px;
}
#footer .top #footer_contact h6{
	font-size:18px;
	text-transform:uppercase;
	color:#fff;
}
#footer .top #footer_contact p{
	font-weight:500;
}
#footer .top #footer_contact p strong{
	display:block;
	padding:8px 0;
	color:#e1d400;
}
#footer .top #footer_contact .button{
	margin-right:40px;
}
/* CONTACT SOCIAL */
#footer .top #footer_social{
	float:left;
	width:20%;
}
#footer .top #footer_social ul li{
	display:inline-block;
}
#footer .top #footer_social ul li a{
	display:block;
	width:60px;
	height:60px;
	margin:1px 1px 0 0;
}
#footer .top #footer_social ul li a#facebook{
	background:url('images/footer_bt-social_facebook.png') no-repeat top left;
}
#footer .top #footer_social ul li a#google{
	background:url('images/footer_bt-social_google.png') no-repeat top left;
}
#footer .top #footer_social ul li a#linkedin{
	background:url('images/footer_bt-social_linkedin.png') no-repeat top left;
}
#footer .top #footer_social ul li a#twitter{
	background:url('images/footer_bt-social_twitter.png') no-repeat top left;
}
#footer .top #footer_social ul li a:hover{
	background-position:top right !important;
}

/*************** BOTTOM **************/
#footer .bottom{
	background-color:#000;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	padding:20px 0;
	bottom:0;
	width:100%;
}
#footer .bottom ul{
	float:left;
	margin-left:40px;
}
#footer .bottom ul li{
	display:inline;
	font-size:11px;
	font-weight:500;
	color:#b0b3b4;
}
#footer .bottom ul li+li:before{
	display:inline-block;
	content:" • ";
	color:#fff;
	padding:0 5px;
	font-size:10px;
}
#footer .bottom ul li a{
	font-size:10px;
	text-transform:uppercase;
	font-weight:700;
}
#footer .bottom ul li a:hover{
	color:#fff;
}
#footer .bottom p{
	float:right;
	font-size:11px;
	font-weight:500;
	padding-right:75px;
	color:#b0b3b4;
}
#footer .bottom #luxapps{
	background:url('images/footer_luxapps-logo.png') bottom center no-repeat;
	display:block;
	position:absolute;
	right:40px;
	top:18px;
	width:22px;
	height:21px;
	transition: background 0.1s linear 0s;
}
#footer .bottom #luxapps:hover{
	background-position:top;
}






																	/*---------------*/
																	/* 	ADMIN LOGIN  */
																	/*---------------*/
#edit-login-dialog{
	margin:300px auto 0;
	width:400px;
	text-align:center;
}
#edit-login-dialog h4{
	font-size:24px;
	color:#e1d400;
	margin-bottom:40px;
}
#edit-login-dialog dt{
	margin-top:10px;
}
#edit-login-dialog label{
	color:#f5f5f5;
}
#edit-login-dialog button{
	background:none;
	border:solid 1px #fff;
	color:#fff;
	padding:10px 20px;
	font-size:14px;
	text-transform:uppercase;
	margin-top:20px;
	font-weight:600;
	transition:all ease-out 0.2s;
}
#edit-login-dialog button:hover{
	background:#e1d400;
	border:solid 1px #e1d400;
	cursor:pointer;
}







																	/*---------------*/
																	/* MEDIA QUERIES */
																	/*---------------*/
																	
/*********** HEAD & MENU ***********/
@media (max-width: 660px) {
	#menu .logo{
		width:100px;
	}
	#menu .logo a{
		padding:16px 10px;
	}
	#menu:hover .logo a{
		padding:24px 10px;
	}
	#menu ul#main_menu li a{
		font-size:12px;
		padding:50px 5px 32px;
	}
	#menu:hover ul#main_menu li a{
		padding:50px 5px 49px;
	}
}
@media (min-width: 660px) and (max-width: 840px) {
	#menu ul#main_menu li a{
		font-size:14px;
		padding:50px 10px 32px;
	}
	#menu:hover ul#main_menu li a{
		padding:50px 10px 49px;
	}
}
/*********** TITLE ***********/
@media (max-width: 660px) {
	#content .section .title a.to_top{
		width:80px;
	}
	#content .section .title a.show_navigation{
		width:80px;
	}
	#content .section .title h2{
		font-size:24px;
		line-height:24px;
		letter-spacing:1px;
	}
}
/*********** BIG BUTTONS ***********/
@media (max-width: 660px) {
	a.button{
		font-size:16px;
		line-height:16px;
		padding:10px 30px;
	}
}
/*********** HOME INTRO ***********/
@media (max-width: 1000px) {
	.section#home_intro #introduction #solarwind_building img{
		bottom:0;
	}
}
@media (min-width: 1000px) and (max-width: 1200px) {
	.section#home_intro #introduction #solarwind_building img{
		bottom:-10%;
	}
}
@media (min-width: 1200px) and (max-width: 1700px) {
	.section#home_intro #introduction #solarwind_building img{
		bottom:-15%;
	}
}
@media (min-width: 1700px) {
	.section#home_intro #introduction #solarwind_building img{
		bottom:-30%;
	}
}
@media (min-height: 1000px) and (min-width: 2000px) {
	.section#home_intro h1{
		font-size:72px;
		line-height:72px;
	}
	.section#home_intro ul.countries{
		margin:40px 0;
	}
	.section#home_intro ul.countries li {
		font-size:16px;
		padding:5px 10px;		
	}
	.section#home_intro h3{
		font-size:30px;
		line-height:42px;
	}
}
/*********** HOME REALISATIONS ***********/
@media (max-height: 820px) {
	.section#home_realisations .project .project_img{
		height:70%;
	}
	.section#home_realisations .project .project_info{
		height:30%;
	}
}
@media (min-height: 1000px) and (min-width: 2000px) {
	.section#home_realisations .project .project_info h5{
		font-size:30px;
		line-height:36px;
		font-weight:300;
	}
	.section#home_realisations .project .project_info p{
		font-size:18px;
		line-height:24px;
	}
}
/*********** HOME SERVICES ***********/
@media (max-height: 820px) {
	.section#home_services h3{
		font-size:30px;
		line-height:36px;
		padding:30px 0 100% 0;
	}
	.section#home_services .service_item{
		top:260px;
	}	
	.section#home_services .service_item_new{
		padding-top:100px;
	}
	.section#home_services .service_item .bg{
		width:250px;
		height:250px;
	}
	.section#home_services .service_item h6{
		top:60px;
	}
	.section#home_services .service_item ul{
		top:130px;
	}
	.section#home_services .service_item ul li{
		padding:15px 0 5px;
	}
	/*.section#home_services .service_item ul li a{
		padding:8px 0;
	}*/
}
@media (min-height:1000px) {
	.section#home_services h3 {
		font-size:48px;
		line-height:54px;
		padding:100px 0 0;
	}
	.section#home_services .service_item h6 {
		top:260px;
	}
	.section#home_services .service_item ul {
		top:350px;
	}
}
@media (max-width: 700px) {
	.section#home_services h3{
		width:auto;
		font-size:30px;
		line-height:30px;
		padding:30px 40px 100%;
	}
	.section#home_services .service_item ul li a{
		font-size:14px;
		line-height:18px;
	}
	.section#home_services a.button{
		bottom:60px;
	}
}
@media (min-height: 1000px) and (min-width: 2000px) {
	.section#home_services h3 {
		font-size:72px;
		line-height:72px;
		padding:140px 0 0;
	}
	.section#home_services .service_item h6 {
		top:320px;
		width:90px;
		height:90px;
	}
	.section#home_services #PROject h6 {
		background-image:url('../images/groupe_logo-PROject.jpg');
	}
	.section#home_services #CSDprotect h6 {
		background-image:url('../images/groupe_logo-CSDprotect.jpg');
	}
	.section#home_services #PROnewtech h6 {
		background-image:url('../images/groupe_logo-PROnewtech.jpg');
	}
	.section#home_services .service_item ul {
		top:430px;
	}
	.section#home_services .service_item ul li{
		padding:30px 0 20px;
	}
	.section#home_services .service_item ul li a{
		font-size:24px;
		line-height:24px;
		font-weight:500;
		text-shadow: 1px 1px 0 #fff;
	}
}
/*********** HOME NEWS ***********/
@media (max-height: 600px) {
	.section#home_news .news .news_img{
		height:40%;
	}
	.section#home_news .news .news_info{
		height:60%;
	}
}
@media (min-height: 1000px){
	.section#home_news .news .news_img{
		height:70%;
	}
	.section#home_news .news .news_info{
		height:30%;
	}
}
/*********** HOME VIDEOS ***********/
@media (max-width: 700px) {
	.section#home_about .video iframe{
		width:100%;
		left:0;
		right:0;
		border-left:none;
		border-right:none;
	}
}
@media (min-height: 1000px) and (min-width: 2000px) {
	.section#home_about .video iframe{
		width:80%;
		left:10%;
	}
}
/*********** SERVICES ***********/
@media (max-width: 800px) {
	.section .service .text_zone h3{
		margin-top:20px;
		padding:0 40px;
		font-size:18px;
		line-height:24px;
	}
	.section .service .text_zone ul{
		margin: 20px 80px 0;
	}
	.section .service .text_zone ul li{
		background:none;
		padding:0 15px;
		display:block;
		font-size:16px;
		line-height:20px;
	}
	.section .service .text_zone ul.service_subtitle+ul{
		display:none;
	}
}
@media (min-width: 800px) and (max-width: 1200px) {
	.section .service .text_zone ul{
		margin: 20px 80px 0;
	}
}
@media (max-height: 680px) {
	.section .service .button{
		display:none;
	}
}
@media (max-height: 700px) {
	.section .service .text_zone{
		top:40%;
		height:60%;
	}
}
@media (min-height: 700px) and (max-height: 900px) {
	.section .service .text_zone{
		top:50%;
		height:50%;
	}
}
@media (min-height: 1000px) and (min-width: 2000px) {
	.section .service .text_zone h3{
		font-size:36px;
		margin-top:80px;
		text-shadow: 1px 1px 0 #fff;
	}
	.section .service .text_zone ul{
		margin-top:40px;
	}
	.section .service .text_zone ul li{
		font-size:24px;
		line-height:36px;
	}
	.section .service .text_zone{
		top:60%;
		height:40%;
	}
	.section .service .text_zone a.button {
		margin-top:60px;
	}
}
/*********** REALISATIONS ***********/
@media (max-width: 720px) {
	.section#realisations #realisations_nav{
		width:40%;
	}
	.section#realisations #realisations_list{
		width:60%;
	}
	.section#realisations #realisations_list ul li{
		width:100%;
	}
}
@media (min-width: 721px) and (max-width: 1100px) {
	.section#realisations #realisations_nav{
		width:30%;
	}
	.section#realisations #realisations_list{
		width:70%;
	}
	.section#realisations #realisations_list ul li{
		width:50%;
	}
}
@media (min-height: 1000px) and (min-width: 2000px) {
	.section#realisations #realisations_nav{
		width:15%;
	}
	.section#realisations #realisations_list{
		width:85%;
	}
	.section#realisations #realisations_list ul li .realisation h3 {
		font-size:18px;
	}
}
/*********** GROUP STRUCTURE ***********/
@media (max-width: 960px) {
	.section#group_structure ul#entities li p{
		text-transform:none;
	}
}
@media (max-height: 780px) {
	.section#group_structure #group_logo-progroup{
		padding-top:30px;
	}
	.section#group_structure table tr{
		height:15px;
	}
}
@media (min-height: 780px) and (max-height: 860px) {
	.section#group_structure #group_logo-progroup{
		padding-top:70px;
	}
	.section#group_structure table tr{
		height:30px;
	}
}
@media (min-height: 1100px) and (max-height: 1300px) {
	.section#group_structure #group_logo-progroup{
		padding-top:200px;
	}
	.section#group_structure table tr{
		height:60px;
	}
}
@media (min-height: 1300px){
	.section#group_structure #group_logo-progroup{
		padding-top:200px;
	}
	.section#group_structure table tr{
		height:100px;
	}
}
@media (min-height: 1000px) and (min-width: 2000px) {
	#group_structure.section ul#entities li p{
		font-size:18px;
		line-height:24px;
	}
}
/*********** GROUP TEAM ***********/
@media (max-width: 1100px) {
	.section#group_team #team_nav{
		bottom:70px;
	}
	.section#group_team #team_nav li, .section#group_team #team_nav li a{
		height:100px;
		width:100px;
	}
	.section#group_team #team_nav li.selected, .section#group_team #team_nav li.selected a{
		height:120px;
	}
	.section#group_team #team_nav li a img{
		height:120px;
		width:100px;
	}
	#group_team.section #team_nav li + li{
		margin-left:0;
	}
}
@media (max-width: 600px) {
	.section#group_team .member.right img{
		left:-500px;
	}
	.section#group_team .member.left img{
		right:-500px;
	}
	.section#group_team .member .text_zone{
		top:240px;
	}
}
@media (min-width: 600px) and (max-width: 900px) {
	.section#group_team .member.right img{
		left:-400px;
	}
	.section#group_team .member.left img{
		right:-400px;
	}
	.section#group_team .member .text_zone{
		top:260px;
	}
}
@media (min-width: 900px) and (max-width: 1100px) {
	.section#group_team .member.right img{
		left:-200px;
	}
	.section#group_team .member.left img{
		right:-200px;
	}
	.section#group_team .member .text_zone{
		top:300px;
	}
}
@media (min-width: 1100px) and (max-width: 1300px) {
	.section#group_team .member.right img{
		left:-100px;
	}
	.section#group_team .member.left img{
		right:-100px;
	}
}
@media (max-width: 1400px) {
	.section#group_team .member.activ.right .text_zone{
		right:80px;
	}
	.section#group_team .member.activ.left .text_zone{
		left:80px;
	}
}
@media (max-height: 700px) {
	.section#group_team #team_nav{
		bottom:-70px;
	}
	.section#group_team #team_nav li, .section#group_team #team_nav li a{
		height:50px;
		width:50px;
	}
	.section#group_team #team_nav li.selected{
		top:10px;
	}
	.section#group_team #team_nav li.selected, .section#group_team #team_nav li.selected a{
		height:60px;
	}
	.section#group_team #team_nav li a img{
		height:60px;
		width:50px;
	}
	#group_team.section #team_nav li + li{
		margin-left:0;
	}
	.section#group_team .member img{
		top:180px;
	}
	.section#group_team .member .text_zone{
		top:240px;
	}
}
@media (min-height: 701px) and (max-height: 870px) {
	.section#group_team #team_nav{
		bottom:20px;
	}
	.section#group_team #team_nav li, .section#group_team #team_nav li a{
		height:100px;
		width:100px;
	}
	.section#group_team #team_nav li.selected, .section#group_team #team_nav li.selected a{
		height:120px;
	}
	.section#group_team #team_nav li a img{
		height:120px;
		width:100px;
	}
	#group_team.section #team_nav li + li{
		margin-left:0;
	}
	.section#group_team .member img{
		top:180px;
	}
	.section#group_team .member .text_zone{
		top:240px;
	}
}
@media (min-height: 1160px) and (min-width: 2000px) {
	.section#group_team #team_nav{
		bottom:240px;
	}
	.section#group_team #team_nav li, .section#group_team #team_nav li a{
		height:200px;
		width:200px;
	}
	.section#group_team #team_nav li.selected, .section#group_team #team_nav li.selected a{
		height:220px;
	}
	.section#group_team #team_nav li a img{
		height:220px;
		width:200px;
	}
	.section#group_team .member img{
		top:auto;
		bottom:-54px;
	}
	.section#group_team .member.activ.right .text_zone{
		right:400px;
	}
	.section#group_team .member.activ.left .text_zone{
		left:400px;
	}
	.section#group_team .member .text_zone{
		top:400px;
	}
	.section#group_team .member .text_zone h3{
		font-size:48px;
		line-height:56px;
	}
	.section#group_team .member .text_zone h4{
		font-size:24px;
		line-height:28px;
	}
	.section#group_team .member .text_zone blockquote{
		font-size:18px;
		line-height:28px;
	}
	#group_team.section a.article_nav_arrow{
		bottom:190px;
	}
	#group_team.section a.article_nav_arrow.left{
		left:220px;
	}
	#group_team.section a.article_nav_arrow.right{
		right:220px;
	}
}
/*********** GROUP VALUES ***********/
@media (max-width: 1200px) {
	.section#group_values .value .text_zone p{
		width:90%;
	}
}
@media (max-height: 860px) {
	.section#group_values .value .img_zone{
		height:35%;
	}
	.section#group_values .value .text_zone{
		height:40%;
	}
}
@media (min-height: 1000px) and (min-width: 2000px) {
	#group_values.section .value .text_zone h3{
		font-size:42px;
		line-height:48px;
		padding:20px 0;
	}
	#group_values.section .value .text_zone h3 strong{
		font-size:42px;
		line-height:48px;
	}
	#group_values.section .value .text_zone h4{
		font-size:24px;
		line-height:30px;
	}
	#group_values.section .value .text_zone p{
		width:50%;
		font-size:18px;
		line-height:24px;
	}
}
/*********** CONTACT ***********/
@media (max-height: 840px) {
	#contact_form.section #address #map{
		margin:40px 40px 20px;
	}
	#contact_form.section #address .entity{
		margin-left:40px;
	}
	#contact_form.section #address .entity + .entity{
		margin-right:40px;
	}
	#contact_form.section #form{
		top:248px;
	}
}
@media (min-height: 600px) and (max-height:800px){
	.section#contact_form #address #map{
		height:40%;
	}
}
@media (min-height: 1000px) {
	.section#contact_form #address #map{
		height:50%;
	}
}
@media (min-height: 1200px) {
	.section#contact_form #address #map{
		height:55%;
	}
}
/*********** FOOTER ***********/
@media (max-width: 1100px) {
	#footer .top #footer_nav{
		width:20%;
	}
	#footer .top #footer_group{
		width:20%;
	}
	#footer .top #footer_services{
		width:30%;
	}
	#footer .top #footer_contact{
		width:40%;
	}
	#footer .top #footer_social{
		width:10%;		
	}
}
@media (min-width: 1101px) and (max-width: 1280px) {
	#footer .top #footer_nav{
		width:20%;
	}
	#footer .top #footer_group{
		width:20%;
	}
	#footer .top #footer_services{
		width:30%;
	}
	#footer .top #footer_contact{
		width:35%;
	}
	#footer .top #footer_social{
		width:15%;		
	}
}
@media (min-width: 1281px) and (max-width: 1670px) {
	#footer .top #footer_nav{
		width:20%;
	}
	#footer .top #footer_group{
		width:20%;
	}
	#footer .top #footer_services{
		width:20%;
	}
	#footer .top #footer_contact{
		width:40%;
	}
	#footer .top #footer_social{
		width:20%;		
	}
}

.captcha {
    width: 25%;
}