/* GLOBAL */
* {
	box-sizing: border-box;
}

body {
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #9a9a9a;
	background-color: #001730;
}

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

span.green { color: #19877e; font-weight: bold; }

h1 {
	color: #19877e;
	font-size: 16px;
	margin: 0;
	font-weight: bold;
	clear: both;
}

h2, h3 {
	font-size: 14px;
	margin: 0 0 10px 0;
	font-weight: bold;
	clear: both;
}

a {
	color: #001730;
	font-size: 12px;
}

.navbar .form-group {
	margin-top: 8px;
}

.prix_barre { text-decoration: line-through; }

.mobile { display: none; }
.notmobile { display: block; }
table.notmobile { display: table; }
.smallmobile { display: none; }

#search_platform { margin-left: 70px; }

section .btn {
	color: #FFFFFF !important;
	background-color: #1d8588 !important;
	line-height: 30px !important;
	border: 0 none !important;
	font-size: 14px !important;
	padding-top: 0px;
	padding-bottom: 0px;
}

section .green_panel .btn {
/*
	background-color: #FFFFFF !important;
	color: #1d8588 !important;
*/
}

section .green_panel .btn-group {
	margin: 10px 0 10px 80px;
}

section .green_panel .btn .glyphicon {
	color: #FFFFFF;
}

section .btn.cright {
	background-color: #ed6361 !important;
}

section .VisusApps {
	position: absolute;
	top: 0px;
	left: 0px;
}

section .CentreFiche {
	padding-left: 80px;
	min-height: 70px;
}

section .green_panel .CentreFiche {
	padding-left: 110px;
}

section.offres_new .green_panel .CentreFiche { padding-left: 0px; }
section.offres_new table.price_table {  padding: 10px;border-collapse: separate; width: 100%;clear: both;margin-top: 60px;border: 1px solid #d2d2d2; color: #011631; }
section.offres_new table.price_table small { font-size: 80%; }
section.offres_new table.price_table tr {  }
section.offres_new table.price_table tr.line_grey { background-color: #ccd1d7; }
section.offres_new table.price_table tr.line_grey td {  }
section.offres_new table.price_table tr td { text-align: center;background-clip: padding-box; width: 20%; padding: 3px 0px 3px 10px; }
section.offres_new table.price_table tr td:first-child { width: 40%; text-align: left; }
section.offres_new table.price_table tr td.blue { color: white;position: relative; }
section.offres_new table.price_table tr td.blue div { position: absolute;bottom: 0px;background-color: #011631;border-radius: 10px;padding: 10px 5px;width: 94%;margin: 0 3%; }
section.offres_new .blue_title { color: white;position: relative;background-color: #011631;padding: 10px 5px;text-align: center;border-top-left-radius: 10px;border-top-right-radius: 10px;margin-top: 30px; }
section.offres_new .grey_title { color: #011631;position: relative;background-color: #ccd1d7;padding: 10px 5px;text-align: center;border-top-left-radius: 10px;border-top-right-radius: 10px;margin-top: 30px; }
section.offres_new table.price_table tr td.grey { color: #011631;position: relative; }
section.offres_new table.price_table tr td.grey div { position: absolute;bottom: 0px;background-color: #ccd1d7;border-radius: 10px;padding: 10px 5px;width: 94%;margin: 0 3%; }
section.offres_new table.price_table tr.first_line td { padding-top: 10px; }
section.offres_new table.price_table tr.last_line td { padding-top:70px; }
section.offres_new table.price_table tr.very_last_line td { padding-top:25px; }
section.offres_new table.price_table tr.very_last_line a { font-size: 14px; }
section.offres_new table.price_table tr.very_last_line td.blue a { color:#FFF; }

.AppsConteneur {
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	position: relative;
}

/* HEADER */
header {
	/*background: url(/img/header.jpg) 0% 0% no-repeat;
	background-size: 100%;
	*/
	width: 100%;
	/*min-height: 200px;*/
	position: relative;
}

header.navbar { height: 103px; margin-bottom: 30px; }

header.navbar img { max-width: 100%; }

header.navbar img.logo {
	position: absolute;
	bottom: -20px;
	left: 0px;
	height: 103px;
}

header.navbar img.visu {
	position: absolute;
	right: 0;
}

/* HEADER MENU */
#AppsMenu {
	position: relative;
	clear: both;
	overflow: hidden;
	font-size: 12px;
	margin: 30px auto 0 auto;
	width:92%;
}

#AppsMenu li {
	float: left;
	min-width: 80px;
	min-height: 70px;
	text-align: center;
	margin-right: 30px;
	padding: 10px 0 0 0;
	line-height: 25px;
}

#AppsMenu li:last-child { margin-right: 0px; }

#AppsMenu img {
	/*
	width: 56px;
	height: 68px;
	*/
	width: 42px;
	height: 51px;
}

#AppsMenu li a {
	color: #d1dfe8;
}

#AppsMenu li.active {
	background-color: #001730;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#AppsMenu li.active a {
	color: #004782;
}

#AppsMenu li.buttons {
	overflow: hidden;
	max-width:250px;
	padding:0px 0px 0px 10px;
}

#AppsMenu li.buttons .offres { width:100%; }
#AppsMenu li.buttons .log_container { overflow:hidden;background-color:white;clear:none;margin-top:0px;margin-bottom:10px;width:100%; }
#AppsMenu li.buttons .log_container .btn_profile { float:left;clear:none;width:47%; }
#AppsMenu li.buttons .log_container .btn_logout { float:left;margin-left:6%;width:47%;clear:none; }

#AppsMenu li.buttons div {
	float: left;
	clear: both;
	background-color: #001730;
	min-width: 100px;
	margin-top: 5px;
	border-radius: 5px;
}

#AppsMenu li.buttons a {
	color: #ffffff;
	padding: 3px;
	
}

/* PAGE CENTER */
section {
	width: 100%;
	padding: 20px 0 50px 50px;
	overflow: hidden;
	background-color: #FFF;
}

section.offres, section.offres_new, section.advertising, section.contact { 
	padding: 20px 50px 50px 50px;
}

section.search p.NomApps { max-width: 280px; }

/* CONTACT */
section.contact .btn { font-size: 14px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
section.contact h1 { border: 0 none; margin-bottom: 10px; }
section.about h1 { border: 0 none; margin-bottom: 20px; }
section.about h2, section.about h3 { border: 0 none; margin-bottom: 10px; }
/* ABOUT */

section .padding_right {
	padding-right: 50px;
}

section.home {
	/*background-color: #dddddd;*/
	overflow: hidden;
}

section h2 {
	color: #19877e;
	font-size: 16px;
	margin: 0;
	font-weight: bold;
	clear: both;
	border-bottom: 1px solid #cecece;
	margin-top: 10px;
	color: #001730;
}

section.app .column_big {
}

section .column_small {
	float: left;
	overflow: hidden;
	min-width: 300px;
	max-width: 300px;
	padding-right: 15px;
}

section .column_big {
	float: left;
	overflow: hidden;
	min-width: 660px;
	max-width: 660px;
}

section .column_small .AppsBoutResult {
	float: right;
}

section .column_small .apps .btn-group { position: absolute; bottom: 0px; right: 0px; }
section .column_small .apps .btn { font-size: 14px !important; padding-top: 0px !important; padding-bottom: 0px !important; }

section h1 {
	border-bottom: 1px solid #cecece;
	margin-top: 10px;
	color: #001730;
}

section .apps {
	margin-top: 20px;
	overflow: hidden;
	clear: both;
}

section.app .column_big h1, section.app .column_big h2 {
	border: 0 none;
	padding-bottom: 20px;
}

section.app .column_big .AppsFiches {
	float: left;
	width: 50%;
	clear: none;
}

section .green_panel {
	background-color: /*#B6B6B6*/ #001730;
	color: #FFFFFF;
	padding: 5px;
	/*
	box-shadow: 10px 10px 5px #999;
	*/
	overflow: hidden;
}

section .grey_bg {
	background-color: #fff;
	margin-top: 20px;
	padding: 5px;
}

section .green_panel h1, section .green_panel h2, section .green_panel .title {
	color: #FFFFFF;
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #cecece;
	font-weight: bold;
}

.iframe_logo { max-height: 35px; float: left; margin-right: 3px; margin-top: -5px; }

.AppsFiches {
	overflow: hidden;
	clear: both;
	margin-bottom: 20px;
	position: relative;
}

.AppsFiches .VisusApps {
	height: 100%;
	float: left;
}

.AppsFiches .VisusApps img {
	width: 70px;
	height: 70px;
	border-radius: 10px;
}

.green_panel .VisusApps img {
	width: 90px;
	height: 90px;
	margin-left: 5px;
}

.CentreFiche {
	float: left;
	width: 100%;
}

.CentreFiche p {
	font-size: 12px;
	color: #a3a3a3;
	margin: 0;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow: hidden;
}

.green_panel .CentreFiche p {
	color: #FFFFFF;
	text-overflow: inherit;
	white-space: inherit;
}

.DescriptionApps {
	text-overflow: inherit;
	white-space: normal !important;
	clear: both;
	padding-top: 10px;
}

.CentreFiche .NomApps, .CentreFiche .NomApps a {
	color: #020202;
	font-size: 100%;
}

.green_panel .CentreFiche .NomApps, .green_panel .CentreFiche .NomApps a {
	color: /*#1d8588*/ #FFF;
	font-size: 110%;
	font-weight: bold;
}

.OsApps { float: left; padding-right: 3px; }

.OsApps img {
	width: 10px;
}

.PrixApps {
	float: left;
}

/* Apps */
.VisusAppsDetail {
	float: left;
	position: absolute;
	left: 0px;
	right: 0px;
}

section.app .AppsDetail { padding-left: 110px; }

.AppsHeader {
	clear: both;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.AppsHeader .btn-group {
	float: right;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.AppsTitle {
	color: #000;
	border: 0;
}

.AppsDetail {
	float: left;
	max-width: 100%;
}

.AppsDetail p {
	margin: 0;
	padding: 0;
}

#pagination {
	color: #9a9a9a;
	font-size: 12px;
}

#myCarousel { max-width: 50%; margin: 0 auto; }
#myCarousel img { float: left; width: 100%; }
/*.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}*/

/* ELLIP */
.ellip {
  display: block;
  height: 100%;
}

/*
.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}
*/

/* OFFRES */
/*
section.offres {
	width: 80%;
	margin: 0 auto;
	padding-left: 0px;
}
*/
/*
section.offres .column_small {
	min-width: 45%;
	margin-left: 5%;
	margin-top: 30px;
}
*/

section.offres .column_small {
	min-width: 40%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 30px;
}

section.offres .green_panel {
	min-height: 250px;
	margin-bottom: 25px;
}

section.offres .green_panel .CentreFiche p {
	color: #FFFFFF;
	text-overflow: inherit;
	white-space: normal;
	max-width: 100%;
	margin-bottom: 15px;
}

section.offres .green_panel .CentreFiche p.price {
	color: #1d8588;
	font-weight: bold;
}

/* LOGIN */
section.login {}
section.login .column_big h1, section.login .column_big h2 { border: 0 none; margin-bottom: 10px; }
section.login .input-group { margin-bottom: 5px; }
section.login .form { position: relative; }
section.login .form .btn { font-size: 14px !important; padding-top: 0px !important; padding-bottom: 0px !important; }

/* Profile */
section.profile h1 { border: 0 none; margin-bottom: 10px; }

/* Advertising */
section.advertising table.tdm { width: 100%; }
section.advertising table.tdm th { width: 20%; }
section.advertising h1 { border: 0 none; margin-bottom: 10px; }
section.advertising #advertising_result .btn { font-size: 14px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
section.advertising #advertising_result li { position: relative; }
section.advertising #advertising_result .btn-group {
	position: absolute; right: 0px; bottom: 0px;
}

section.advertising .btn, section.profile .btn { font-size: 14px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
section.advertising.bid { padding-bottom: 150px; }
section.advertising.bid .alert { margin: 5px 0 0 0; }
section.advertising.bid table td { width: 50%; }

header.hb-docs-nav { 
	background: #E6E6E6;
	border-bottom: 4px solid #d66000;
}

header.hb-docs-nav #lesoir {
	display: inline-block;
	width: 170px;
	height: 30px;
	background: url('/img/LeSoir.png') no-repeat center 0px;
}

header.hb-docs-nav #lesoir:hover {
	background: url('/img/LeSoir.png') no-repeat center -30px;
}

#rossel-leader-2 { width: 100%; position: relative; text-align: center; padding-top: 10px; max-width: 100%; background-color: #FFF; padding-bottom: 10px; }
#rossel-leader-2 * { margin: 0 auto; max-width: 100% !important; overflow: hidden; }
#rossel-leader-2 iframe { max-width: 100% !important; }

footer { font-size: 12px; color: white; padding: 10px 0; overflow: hidden; }
footer p { margin: 0; }
footer a, footer a:visited, footer a:hover { color: white; }
footer .col1 { float: left; }
footer .col2 { float: right; }

/* IFRAME */
#iframe_sponsored .not_in_column { display: block; }
#iframe_sponsored .only_in_column { display: none; }
#iframe_sponsored { padding: 0px;border-top:2px solid #00162e ;border-bottom:2px solid #00162e ; }
#iframe_sponsored h1, #iframe_sponsored .title { 
	color: #00162e; 
	border: 0 none; 
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
#iframe_sponsored #logo_belgiumapps {}
#iframe_sponsored #logo_belgiumapps img { max-height: 47px;max-width: 47px; float: left; }
#iframe_sponsored .apps { float: left;width: 100%;padding-left: 75px;margin-top: 0px; }
#iframe_sponsored .apps li { max-width: 33.3%;min-width: 33.3%;clear: none;float: left;margin-bottom: 0px; }
#iframe_sponsored .apps .CentreFiche .NomApps a { color: #1d8588;font-size: 110%;font-weight: bold; }
#iframe_sponsored .apps .CentreFiche p { color: #344557; }
#iframe_sponsored .apps .CentreFiche .TipApps {  }
#iframe_sponsored .apps .AppsFiches .VisusApps img { width: 50px; height: 50px; }
#iframe_sponsored .apps .CentreFiche { padding-left: 60px; min-height: 0px;padding-right: 10px; }
#iframe_sponsored #container_big { position:relative;margin-top: 10px;overflow: hidden;margin-bottom: 10px; }
#iframe_sponsored #logo_bapps { background:url(/img/logo-B-apps_small_full.png) center center no-repeat;width:65px;height:65px;background-size:100%;position:absolute;top:-5px;left:0px; }

@media (max-width: 550px) {
#iframe_sponsored .not_in_column { display: none; }
#iframe_sponsored .only_in_column { display: block; }
#iframe_sponsored { padding: 0px 5px;border-top:2px solid #00162e ;border-bottom:2px solid #00162e ; }
#iframe_sponsored h1, #iframe_sponsored .title { color: #00162e; border: 0 none; overflow: hidden;padding-top: 5px; }
#iframe_sponsored #logo_belgiumapps {}
#iframe_sponsored #logo_belgiumapps img { max-height: 47px;max-width: 47px; float: left; }
#iframe_sponsored .apps { float: left;width: 100%;padding-left: 0px;margin-top: 0px; }
#iframe_sponsored .apps li { max-width: 100%;min-width: 100%;clear: none;float: left;margin-bottom: 10px; }
#iframe_sponsored .apps .CentreFiche .NomApps a { color: #1d8588;font-size: 110%;font-weight: bold; }
#iframe_sponsored .apps .CentreFiche p { color: #344557; }
#iframe_sponsored .apps .CentreFiche .TipApps {  }
#iframe_sponsored .apps .AppsFiches .VisusApps img { width: 50px; height: 50px; }
#iframe_sponsored .apps .CentreFiche { padding-left: 60px; min-height: 0px;padding-right: 10px; }
#iframe_sponsored #container_big { position:relative;margin-top: 10px;overflow: hidden;margin-bottom: 10px; }
#iframe_sponsored #logo_bapps { background:url(/img/logo-B-apps_small_full.png) center center no-repeat;width:65px;height:65px;background-size:100%;position:absolute;top:-5px;left:0px; }

}

/* Responsive */
@media (max-width: 1024px) {
	.mobile { display: block; }
	.notmobile { display: none; }
	.not1024 { display:none; }

	.AppsConteneur { margin: 0; width: 100%; }
	header.navbar { height: auto; margin-bottom: 0px; }
	header.navbar img.visu { display: none; }
	header.navbar img.logo { padding: 5px;position: relative;height: auto;bottom: 0px;left: 0px; }
	#AppsMenu { width:100%; margin-left: 0px; margin-top: 10px; padding-left: 1%; padding-right: 1%; }
	#AppsMenu li { max-width: 12% !important;min-width: 12% !important; margin-right: 0px; text-align: center; }
	#AppsMenu a { font-size: 10px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
	#AppsMenu li img { max-width: 95%;  }
	#AppsMenu li.buttons div { min-width: 0px; }
	
	#AppsMenu li.buttons { max-width: 20% !important;min-width: 20% !important;float: right; }
	#AppsMenu li.buttons .offres {  }
	#AppsMenu li.buttons .log_container {  }
	#AppsMenu li.buttons .log_container .btn_profile {  }
	#AppsMenu li.buttons .log_container .btn_logout {  }
	
	#search_platform { margin-left: 0px; }
	
	section { padding: 10px 2% 50px 2%; }
	.CentreFiche { /*max-width: 50%;*/ }
	.CentreFiche p { max-width: 100%; }
	
	section.offres .CentreFiche { max-width: 100%; }
	
	section .green_panel .btn-group { margin: 0px; }
	div.btn-group.mobile100 { width: 100%; float: none; margin: 5px 0; }
	.mobile100 .btn { width: 80%; display: block; }
	.mobile100 .btn.cright {width: 20%;  }
	
	section .column_big { min-width: 66%; max-width: 66%;  }
	section .column_small { min-width: 33%; max-width: 33%; margin-top: 10px; }
	
	section .column_big .column_big { min-width: 100%; max-width: 100%; }
	section.home .column_big .column_small { min-width: 50%; max-width: 50%; }
	
	section .padding_right { padding-right: 0px; }
	
	#myCarousel { max-width: 100%; }
	.AppsDetail { margin-bottom: 10px; }
	.AppsHeader .btn-group { position: relative; float: none; margin: 5px auto; width: 50%; display: block; }
	
	section.search .column_small { padding-right: 0px;padding-left: 15px; margin-top: 0px; }
}

/* Responsive */
@media (max-width: 768px) {
	section .column_small .apps .btn-group { display: none; }
	section .green_panel .btn-group { display: block !important; left: 0px; float: left !important; }
	section .green_panel .VisusApps { position: relative; }
	section .green_panel .VisusApps img { width: 70px; height: 70px;margin: 0px; }
	section .green_panel .CentreFiche { padding-left: 0px; }
	.green_panel .CentreFiche p { text-overflow: inherit; white-space: inherit; }
	.green_panel .CentreFiche .NomApps, .green_panel .CentreFiche .NomApps a { font-size: 100%; margin: 5px 0; }
	
	section.search p.NomApps { max-width: 180px; }
	
	section.offres_new { padding: 20px 20px 50px 10px; }
}

@media (max-width: 600px) {
	.mobile { display: block; }
	.smallmobile { display: block; }
	table.mobile { display: table !important; }
	.notmobile { display: none !important; }
	
	footer { padding: 10px; }
	
	section { padding-top: 0px; }
	section .column_big { min-width: 100%; max-width: 100%; clear: both; }
	section .column_small { min-width: 100%; max-width: 100%; /*clear: both;*/ margin-right: 0px; padding-right: 0px; }
	
	#AppsMenu li { max-width: 16.5% !important;min-width: 16.5% !important; }
	#AppsMenu li.buttons { display: none; }
	#menu_login_mobile { width: 100%; background-color: #FFF;padding: 5px; }
	#menu_login_mobile a { color: #fff; }
	#menu_login_mobile .offres { background-color: #001730; border-radius: 5px; padding: 5px 10px; }
	#menu_login_mobile .log_container {  }
	#menu_login_mobile .log_container .btn_profile { background-color: #001730;border-radius: 5px; padding: 5px 10px; margin-top: 5px; }
	#menu_login_mobile .log_container .btn_logout { background-color: #001730;border-radius: 5px; padding: 5px 10px; margin-top: 5px; }
	
	section .green_panel .VisusApps { position: absolute; }
	section .green_panel .VisusApps img { width: 80px; height: 80px;margin: 0px; }
	section .green_panel .CentreFiche { padding-left: 90px; }
	.green_panel .CentreFiche .NomApps, .green_panel .CentreFiche .NomApps a { font-size: 108%; margin: 0 0 5px 0; }
	section .column_small .apps .btn-group { display: block; }
	section .green_panel .btn-group { right: 0px; float: right !important; }
	
	section.offres_new .green_panel .CentreFiche {  }
	section.offres_new table.price_table { margin-top: 0px; }
	section.offres_new table.price_table small {  }
	section.offres_new table.price_table tr {  }
	section.offres_new table.price_table tr.line_grey {  }
	section.offres_new table.price_table tr.line_grey td {  }
	section.offres_new table.price_table tr td {  }
	section.offres_new table.price_table tr td:first-child {  }
	section.offres_new table.price_table tr td.blue { padding-top: 10px;text-align: center; }
	section.offres_new table.price_table tr td.blue div { position: relative; }
	section.offres_new table.price_table tr td.grey { padding-top: 10px;text-align: center; }
	section.offres_new table.price_table tr td.grey div { position: relative; }
	section.offres_new table.price_table tr.first_line td {  }
	section.offres_new table.price_table tr.last_line td {  }
	section.offres_new table.price_table tr.very_last_line td {  }
}