	.section_apps {
		padding:14rem;
	}

	.section_apps a {
		text-decoration:none;
		color:inherit;
	}

	.section_apps .div_apps_menu_description a {
		text-decoration:none;
		color:#0099b3;
		font-weight:700;
		cursor:pointer;
	}

	/* --- */
	@media screen and (min-width:1025px) {
	.section_apps .div_apps {
		display:flex;
	/*	height:77rem;*/
	}
	}

	.section_apps .div_apps {
		display:flex;
	}
	/* --- */

	.section_apps .div_apps .div_apps_menu {
		display:flex;
		flex-direction:column;
		padding:5rem 0 7rem 10rem;
		width:30%;
		background-color:#000000;
	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_title {
		cursor:default;
		font-size:1.6rem;
		font-weight:100;
		color:#ffffff;
	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_title:before {
		content:"";
		vertical-align:middle;
		display:inline-block;
		margin:0 2rem 0 -6.3rem;
		width:4rem;
		font-size:0;
		border-bottom:2px solid #0099b3;
	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_subtitle {
		cursor:default;
		padding:3rem 6.5rem 4rem 0;
		font-size:2.6rem;
		font-weight:900;
		color:#ffffff;
		line-height:1.1;
	}


	.section_apps .div_apps .div_apps_menu .div_apps_menu_items .div_apps_menu_item {

		border-top-left-radius:2rem;
		border-bottom-left-radius:2rem;
		cursor:pointer;
	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_items .div_apps_menu_item .a_apps_menu_item {
		display:inline-block;
		padding:1rem 0 1rem 1rem;
		width:100%;
		color:white;
		line-height:2rem;
		font-size:2rem;
		text-decoration:none;
	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_items .div_apps_menu_item .fa {
		display:inline-block;
		color:#0099b3;
		border:2px solid #0099b3;
		border-radius:50%;
		width:2.5rem;
		height:2.5rem;
		text-align:center;
		line-height:calc(2.5rem - 4px);
		padding-left:2px;
		margin-right:1rem;
		font-size:1.2rem;
	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_items .div_apps_menu_item.selected {
		background-color:#ffffff;
		cursor:default;
	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_items .div_apps_menu_item.selected {
		font-weight:700;

	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_items .div_apps_menu_item.selected a{
		color:#000000;

	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_items .div_apps_menu_item.selected .fa {
		color:#ffffff;
		background-color:#0099b3;
	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_dot {
		margin:0 7rem -7rem 0;
		height:7rem;
		background-image:url("/images/header/dotDark.png");
		background-repeat:repeat;
		background-position:left bottom;
	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_dot .div_apps_menu_dot_img {
		margin-top:7rem;
		height:7rem;
		background-image:url("/images/header/dotDark.png");
		background-repeat:repeat;
	}

	/* --- */

	.section_apps .div_apps .div_apps_infos {
		cursor:default;
		flex:1;
		background-color:#e8e8e8;
		overflow-Y:auto;
	}

	.div_apps_infos {
		padding: 0;
		margin: 0;
	}

	:-webkit-scrollbar {
		width: 0px !important;
		background: transparent !important;
		/* make scrollbar transparent */
	}

	.section_apps .div_apps .div_apps_infos .div_apps_info {
		padding:7rem;
		padding-bottom:0 !important;
	}

	.section_apps .div_apps .div_apps_infos .div_apps_info .div_apps_menu_title {
		display:flex;
	}

	.section_apps .div_apps .div_apps_infos .div_apps_info .div_apps_menu_title_img {
		width:17rem;
		padding-right:3.5rem;
		padding-top:1rem;
	}

	
	.section_apps .div_apps .div_apps_infos .div_apps_info .div_apps_menu_title_img img {
		width:135px;
	}

	.section_apps .div_apps .div_apps_infos .div_apps_info .div_apps_menu_title_text {
		flex:1;
		padding-top:1.5rem !important;
	}

	.section_apps .div_apps .div_apps_infos .div_apps_info .div_apps_menu_title_text .div_apps_menu_title_text_title {
		font-size:3rem;
		font-weight:700;
		color:#0099b3;
	}

	.section_apps .div_apps .div_apps_infos .div_apps_info .div_apps_menu_title_text .div_apps_menu_title_text_subtitle {
		padding-top:1rem;
		font-size:1.6rem;
		font-weight:700;
	}

	.section_apps .div_apps .div_apps_infos .div_apps_info .div_apps_menu_description {
		padding-top:2rem;
		font-size:1.6rem;
		font-family:'Open Sans Light', "Roboto", "Avenir Black" !important;
	}

	/* --- */

	.section_apps .div_apps .div_apps_img {
		width:30%;
		background-image:url("../images/apps/back.png");
		background-repeat:no-repeat;
		background-size:cover;
	}

	.section_apps .div_apps .div_apps_img .img_apps {
		height:100%;
	}

	.section_apps .div_apps .div_apps_menu .div_apps_menu_items .div_apps_menu_item .a_apps_menu_item:hover {
		transform:scale(1.02,1.02);
	}

/* Responsive tablet only */

	@media screen and (min-width:421px) and (max-width:735px) {
		.section_apps .div_apps .div_apps_menu .div_apps_menu_items .div_apps_menu_item {
			border-top-right-radius:2rem;
			border-bottom-right-radius:2rem;
		}
	}

	@media screen and (max-width:670px) and (orientation:landscape) {
		#home > div.div_login_panel > div > div.div_login_panel_title, .a_login_panel_bt  {
			font-size:2rem !important;
		}
	}

	@media screen and (max-width: 1024px) {

		.div_apps {
			flex-direction:column !important;
		}

		.div_apps_menu, .div_apps_infos , .div_apps_img {
			flex-direction:row;
			width:100% !important;
		}

		.section_apps {
			padding:0 !important;
			margin-top:2rem;
		}

		.section_apps .div_apps .div_apps_infos .div_apps_info {
			height:inherit;

		}

		.div_apps_menu_items {
			padding:7rem 0 0 1rem;
			display:flex;
			flex-wrap:wrap;
		}

		.section_apps .div_apps .div_apps_infos .div_apps_info .div_apps_menu_description {
			padding-top:0 !important;
		}

		.div_apps_menu .div_apps_menu_title {
			font-size:3rem;
		}

		.div_apps_menu_subtitle {
			font-size:2.5rem !important;
		}



		.section_apps .div_apps .div_apps_menu .div_apps_menu_items .div_apps_menu_item a{
			padding-right:1rem !important;
		}

		.div_apps_menu_title_text_subtitle {
			font-size:2rem !important;
		}

		.div_apps_infos {

			flex:none !important;
		}

		.div_apps_menu_dot {
			display:none;
		}

	/*Safari Chrome Firefox Opera */
	@media screen and  (-webkit-min-device-pixel-ratio:0) and (min-width:1024px){

		.div_apps_menu_items {
			padding:0 !important;
		}
	}
}

	@media screen and (max-width: 460px) {

		.section_apps {
			padding:0 !important;
			margin-top:5rem;
		}
	}

	@media screen and (min-width:1025px) and (max-width:1300px) {
		.section_apps .div_apps .div_apps_menu {
			padding:3rem 0 6rem 8rem !important;
		}
	}

	@media screen and (min-width:421px) and (max-width:1024px){

		#apps > div > div.div_apps_menu > div.div_wrap_items > div.div_wrap_title > p {
			margin:1rem;
		}

		.div_wrap_title {
			background-color:#31a836;
			border: 1px solid #31a836;
			width:40rem;
			text-align:center;
			display:flex;
			justify-content: space-between;
		}

		.a_apps_menu_item {
			font-size:2rem !important;
		}

		.div_wrap_items {
			cursor:pointer;
			color:white;
			font-size:2rem;
		}

		#apps > div > div.div_apps_menu > div.div_wrap_items > div.div_wrap_title > i {
			padding-top:1.8rem;
			padding-right:1rem;
		}

		#apps > div > div.div_apps_menu .a_apps_menu_item {
			text-align:center;
		}


		.div_apps_menu_item.selected {
		color:#fff !important;
		background-color:#000 !important;
		}

		.div_apps_menu_item {
		cursor:pointer;
		}

		.div_wrap_items .div_apps_menu_items {
		flex-direction:column;
		align-items:baseline;
		padding-top:0;
		position:absolute;
		font-size:1.5rem !important;
		display:flex;
		width:40rem;
		background-color:#000 !important;
		}

		.div_apps_menu_item.selected a {
		color:#fff !important;
		}
	}

/* Responsie Smartphone only */
@media screen and (min-width:0px) and (max-width:420px){

	@media screen and (-webkit-min-device-pixel-ratio:0) {

		.div_wrap_items .div_apps_menu_items {
			align-items:baseline;
		}
	 }

	 /* Mozilla*/
	 @-moz-document url-prefix() {
		#apps > div > div.div_apps_menu > div.div_wrap_items {
			margin-top:21rem !important;
		}
	 }

	.div_wrap_items .div_apps_menu_items {
		align-items:flex-start;
	}

	#apps > div > div.div_apps_menu > div.div_wrap_items > div.div_wrap_title > p {
		margin:0;
		cursor:pointer;
		padding-left:1rem;
	}

	#apps > div > div.div_apps_menu > div.div_apps_menu_items {
		margin-left:-11.5rem !important;
	}

	.div_apps_menu .div_apps_menu_title {
		font-size:2rem;
	}

	#apps > div > div.div_apps_menu > div.div_apps_menu_items > div:nth-child(3) {
		margin-left:-3.3rem;
	}

	#apps > div > div.div_apps_menu > div.div_apps_menu_items > div:nth-child(4) {
		margin-left:6rem;
	}

	#apps > div > div.div_apps_menu > div.div_apps_menu_items > div:nth-child(5) {
		margin-left:-5rem;
	}

	#apps > div > div.div_apps_menu > div.div_apps_menu_items > div:nth-child(6) {
		margin-left:-0.2rem;
	}

	#apps > div > div.div_apps_infos > div:nth-child(1) > div.div_apps_menu_description  {
		font-size:1.6rem !important;
	}

	.section_apps .div_apps .div_apps_infos .div_apps_info {
		padding-top:2rem !important;
		padding-left:9rem !important;
		padding-bottom:0 !important;
	}

	.section_apps .div_apps .div_apps_infos .div_apps_info .div_apps_menu_title {
		display:block !important;
	}

	.section_apps {
		height:inherit!important;
	}

	.section_apps .div_apps, .div_apps_info, .div_apps_infos {
		height:inherit !important;
	}

	.section_apps .div_apps .div_apps_infos {
		overflow-Y:visible !important;
	}

	.div_apps, .div_apps_infos {
		padding-bottom:2rem !important;
	}

	.section_apps {
		margin-top:2rem !important;
	}

	.section_apps .div_apps .div_apps_infos .div_apps_info .div_apps_menu_title_img {
		margin-left:-1rem;
	}


	.div_wrap_title {
		padding-left: 14rem;
		background-color:#31a836;
		border: 1px solid #31a836;
		margin-left:-41%;
		text-align:center;
		display:flex;
		justify-content: space-between;
	}

	.a_apps_menu_item {
		font-size:2rem !important;
	}

	.div_wrap_items {
		cursor:pointer;
		color:white;
		font-size:3rem;
	}

	#apps > div > div.div_apps_menu > div.div_wrap_items > div.div_wrap_title > i {
		padding-top:0.5rem;
		padding-right:1rem;
	}

	#apps > div > div.div_apps_menu .a_apps_menu_item {
		text-align:center;
	}


	.div_apps_menu_item.selected {
	color:#fff !important;
	background-color:#000 !important;
	}

	.div_apps_menu_item {
	cursor:pointer;
	}

	.div_wrap_items .div_apps_menu_items {
	flex-direction:column;
	padding-top:0;
	padding-left: 14rem;
	margin-left:-41%;
	font-size:1.5rem !important;
	display:flex;
	background-color:#000 !important;
	}

	.div_apps_menu_item.selected a {
	color:#fff !important;
	}
}

/* iphone 6 7 8 landscape */
	@media screen and (min-width:667px) and (max-width:700px) and (orientation:landscape) {

		#apps > div > div.div_apps_menu > div.div_wrap_items > div.div_wrap_title > i {
			padding-top: 1.5rem;
	}

		#apps > div > div.div_apps_infos > div {
			overflow-Y:visible !important;
	}
}

	@media screen and (min-width:0px) and (max-width:1024px) {
		#headline > div > div.div_headline_info {
    		margin-top: 1.5rem;
	}
}

	@media screen and (min-width:736px) and (max-width:750px) and (max-height:420px) and (orientation:landscape) {
		#home > div.div_header_home > div.div_header_home_left {
			margin-top: 8rem;
	}	

		#apps > div > div.div_apps_menu > div.div_wrap_items {
			cursor: pointer;
			color: white;
			font-size: 2rem;
			padding: 0 6rem;
	}

		#apps > div > div.div_apps_menu > div.div_wrap_items > div.div_wrap_title > i {
			padding-top: 1.5rem !important;
			padding-right: 1rem;
		}
	}

/*Iphone X landscape */

	@media screen and (min-width:812px) and (max-width:820px) and (max-height:375px) and (orientation:landscape) {
		.div_wrap_items {
			font-size: 2rem;
			padding: 0 6rem;
		}

		.div_wrap_items .div_apps_menu_items {
			align-items: baseline;
		}

		.section_about .div_about_categories .div_about_category .div_about_category_description {
			cursor: default;
			font-size: 1.6rem;
			font-weight: 100;
			padding-right: 5rem;
		}
	}


/* Iphone 5/SE portrait */

	@media screen and (min-width:320px) and (max-width:330px) and (max-height:568px) and (orientation:portrait) {
		.img_about_category {
			margin-left: 171% !important;
		}

		.div_wrap_title, #apps > div > div.div_apps_menu > div.div_wrap_items > div.div_apps_menu_items {
			margin-left: -50%;
		}

		body > div.ui-page.ui-page-theme-a.ui-page-active > footer > div > div > div.deloitte_digital > a > img {
			margin-left: 17rem !important;
			margin-top: 18rem !important;
		}

		.div_social_media {
			align-items:flex-end !important;
		}
	}

/* Iphone 5/SE landscape */

	@media screen and (min-width:568px) and (max-width:570px) and (max-height:320px) and (orientation:landscape) {

		#headline > div > div.div_headline_info > div.div_headline_items > div {
			padding: 0rem 10rem 1rem 1rem !important;
		}
	}

/* Pixel 2 landscape */

	@media screen and (min-width:731px) and (max-width:735px) and (max-height:411px) and (orientation:landscape) {

		body > div.ui-page.ui-page-theme-a.ui-page-active > footer > div > div > div.deloitte_digital {
			margin: 121px 20px 20px 60px;
		}
	}

/* Pixel 2 XL landscape */

	@media screen and (min-width:823px) and (max-width:830px) and (max-height:411px) and (orientation:landscape) {
		.header .div_header_home {
			visibility: visible;
			height: 190vh;
			color: #ffffff;
		}

	}

/* IE */
	@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) and (min-width:825px) and (max-width:1024px) {

	#apps > div > div.div_apps_menu > div.div_wrap_items {
		margin-top:-1.9rem;
		}
	}

/* Mozilla */
	@media all and (min--moz-device-pixel-ratio:0) and (min-width:825px) and (max-width:1024px) {
		#apps > div > div.div_apps_menu > div.div_wrap_items {
			margin-top:11.1rem;
		}
	}

/* Apps titles overlap fix */

	@media screen and (min-width:1025px) and (max-width:1184px) {
	.section_apps .div_apps .div_apps_infos .div_apps_info .div_apps_menu_title {
		display: block;
		}
	}

/* Apps menu not displaying fix */

	@media screen and (min-width:1025px) {
		#apps > div > div.div_apps_menu > div.div_wrap_items > div.div_apps_menu_items {
			display:block !important;
		}
	}

@media screen and (max-width:1024px) {
	.section_apps .div_apps .div_apps_menu {

		padding: 7rem 0 0rem 10rem !important;
		}
	}
