@charset "utf-8";
/* CSS Document */

html, body {
	height:100%;
	margin:0;
}

body {
	background:#ebebeb;
	background-image:url("../../images/bg.png");
	background-repeat:repeat-x;
	background-size:contain;
	font-family:"Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:14px;
	letter-spacing:normal;
	color:#333333;
	padding:0;
	min-width:1024px;
	min-height:768px;
}

/* === Flex settings === */

.wrapper {
	display:flex;
	flex-flow:column;
	height:100%;
}

.wrapper.row {
	/*border: 1px dotted grey;*/
}

.wrapper .row.header {
	flex: 0 1 auto;
	/* The above is shorthand for:
	flex-grow: 0,
	flex-shrink: 1,
	flex-basis: auto
	*/
}

.wrapper .row.content {
	flex: 1 1 auto;
	padding:50px;
}

/* === General settings === */

img {
	border:0;
	font-size:0px;
	margin:0;
	padding:0;
}

h1, h2 {
	text-align:center;
	margin:0;
	padding:0;
}

h1 {
	font-size:42px;
	font-weight:900;	
	letter-spacing:-1px;
	margin:25px 0 15px;
}

h2 {
	font-size:30px;
	letter-spacing:normal;
	font-weight:normal;
}

h3 {
	font-size:23px;	
	color:#333;
	margin: 15px 0 10px 0;
}

a {
	outline:none;
	border:none;
}

/* === Header settings === */

.logo {
    position: absolute;
    top: 40px;
    right: 50px;
}

.blue {
	color:#3967a8;
}

.logo-dossier {
	width:200px;
	height:60px;
	position:absolute;
	top:26px;
	left:30px;
	z-index:100;
}

.header h1 {
	text-align:center;
	background:#e6e8eb;
	padding:25px 30px 30px 30px;
	margin:0;
	position:relative;
	font-weight:bolder;
}

.header h1::before {
	content:"";
	width:250px;
	height:52px;
	background-image:url("../../images/logo-intellimedia-powering-success.svg");
	background-repeat:no-repeat;
	background-size:250px 52px;
	background-position:0 0;
	position:absolute;
	top:25px;
	right:30px;
	cursor:pointer;
}

/* === Content settings === */

#schema {
	/*background:#F5B5F9;*/
	margin:0 auto;
}

img#schema {
	width:0;
	height:0;
	position:relative;
}

a.hide, a[class*="modal"], a[id*="modal"] {
	display:none;
}

/* === Modal settings === */

.lightboxOverlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.blocker {
    background-color: rgba(0,0,0,0.5) !important;
}

.modal {
    max-width: 800px !important;
	padding:30px !important;
	font-size:16px;
}

.modal table td:nth-child(2) {
	padding-left:30px;
}

.modal table td {
	vertical-align:top;
}

.modal td:first-child a img {
	border:solid 1px #ccc !important;	
}

.modal a:hover {
	text-decoration:none;
}

a.readmore {
	display:inline-block;
	float:left;
	padding:10px 20px;
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
	background:#3E88CD;	
	font-size:13px;
	margin-top:5px;
}

a.readmore:hover {
	background:#7AA0ED;	
}