@import url(//fonts.googleapis.com/css?family=Raleway:400,500,600,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans);

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

.screen { 
	height: 85vh;
	width: 95vw;	
	box-shadow: 1px 1px 3px #555;
	margin-left: 2vh;
	border-radius: 1px;
}

.screen_left {
	height: 78vh;
	width: 40vw;
	display: inline-block;	
}

.splash_text {
	padding-top: 2vh;
	padding-left: 1vh;
	height: 12vh;
	width: 40vw;
	font-family: 'AvenirNextLTPro-Regular';
	font-size: 1.0vw;
}

.gpg_text {
	padding-top: 2vh;
	padding-left: 1vh;
	height: 12vh;
	width: 40vw;
	font-family: 'AvenirNextLTPro-Regular';
	font-size: 1.0vw;
}

.ca_list {
	height: 58vh;
	width: 40vw;
	display: inline-block;
}

.ca_click {
	text-decoration: none;
}

.ca_desc {
	display: inline-block;
	height: 85vh;
	width: 54vw;
	border-left: 1px solid #C0C0C0;
	vertical-align: top;
}

.ca_desc_text {
	font-family: 'AvenirNextLTPro-Regular';
	font-size: 0.8vw;
	height: 100%;
	width:100%;
	overflow: scroll;
	overflow-x: auto;
	padding-left: 1.5vw;
	padding-right: 1.5vw;
}

.popin_contact {
	font-family: 'AvenirNextLTPro-Regular';
	font-size: 0.8vw;
}

.top {
	height: 8vh;
}

.logo_axt {
	height: 1.7vw;
	display: inline-block;
	vertical-align: -12%;
}

.top_title {
	font-family: 'AvenirNextLTPro-Regular';
	display: inline-block;
	font-size: 2.0vw;
	border-bottom: 0.15vw solid black;
}

.link_top_section {
	display: block;	
	float: right;
	margin-top: 1vw;
	margin-right: 3.1vw;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9vw;
	text-decoration: underline;
}

.link_top_item {
	margin-left: 1vw;
}

a {
	outline: 0;
}

a:link {
	color: black;
}

a:visited {
	color: black;
	text-decoration: none;
}

a:hover {
	color: black;
    	text-decoration: none;
}

a:active {
	color: black;
    text-decoration: none;
}

.ca_box {
	height: 9vw;
	width: 9vw;
	margin: 0.9vw;
	display: inline-block;
	vertical-align: middle;
	border: 2px solid #A7A7A7;
	/* Firefox */
	-moz-transition: all 1s ease-in;
	/* WebKit */
	-webkit-transition: all 1s ease-in;
	/* Opera */
	-o-transition: all 1s ease-in;
	/* Standard */
	transition: all 0.05s ease-in;
	font-size: 1.0vw;	
}

.ca_qualified_person {
	background:url(imgs/icons/sceau.png) no-repeat 98% 2%, url(imgs/icons/person.png) no-repeat 98% 98%;
	background-size: 1.5vw 1.5vw;
}

.ca_qualified_person_bottom {
	background:url(imgs/icons/sceau.png) no-repeat 93% 90%, url(imgs/icons/person.png) no-repeat 98% 90%;
	background-size: 1.5vw 1.5vw;
}

.ca_unqualified_person {
	background:url(imgs/icons/person.png) no-repeat 98% 98%;
	background-size: 1.5vw 1.5vw;
}

.ca_unqualified_person_bottom {
	background:url(imgs/icons/person.png) no-repeat 98% 90%;
	background-size: 1.5vw 1.5vw;
}

.ca_qualified_server {
	background:url(imgs/icons/sceau.png) no-repeat 98% 2%, url(imgs/icons/server.png) no-repeat 98% 98%;
	background-size: 1.5vw 1.5vw;
}

.ca_qualified_server_bottom {
	background:url(imgs/icons/sceau.png) no-repeat 93% 90%, url(imgs/icons/server.png) no-repeat 98% 90%;
	background-size: 1.5vw 1.5vw;
}

.ca_unqualified_server {
	background:url(imgs/icons/server.png) no-repeat 98% 98%;
	background-size: 1.5vw 1.5vw;
}

.ca_unqualified_server_bottom {
	background:url(imgs/icons/server.png) no-repeat 98% 90%;
	background-size: 1.5vw 1.5vw;
}

.ca_qualified_legal {
	background:url(imgs/icons/sceau.png) no-repeat 98% 2%, url(imgs/icons/legal.png) no-repeat 98% 98%;
	background-size: 1.5vw 1.5vw;
}

.ca_qualified_legal_bottom {
	background:url(imgs/icons/sceau.png) no-repeat 93% 90%, url(imgs/icons/legal.png) no-repeat 98% 90%;
	background-size: 1.5vw 1.5vw;
}

.ca_unqualified_legal {
	background:url(imgs/icons/legal.png) no-repeat 98% 98%;
	background-size: 1.5vw 1.5vw;
}

.ca_unqualified_legal_bottom {
	background:url(imgs/icons/legal.png) no-repeat 98% 90%;
	background-size: 1.5vw 1.5vw;
}

.ca_qualified_2ddoc {
	background:url(imgs/icons/sceau.png) no-repeat 98% 2%, url(imgs/icons/2ddoc.png) no-repeat 98% 98%;
	background-size: 1.5vw 1.5vw;
}

.ca_qualified_2ddoc_bottom {
	background:url(imgs/icons/sceau.png) no-repeat 93% 90%, url(imgs/icons/2ddoc.png) no-repeat 98% 90%;
	background-size: 1.5vw 1.5vw;
}

.ca_unqualified_2ddoc {
	background:url(imgs/icons/2ddoc.png) no-repeat 98% 98%;
	background-size: 1.5vw 1.5vw;
}

.ca_unqualified_2ddoc_bottom {
	background:url(imgs/icons/2ddoc.png) no-repeat 98% 90%;
	background-size: 1.5vw 1.5vw;
}

.ca_shadow {
	border-radius: 3px;
	box-shadow: 2px 3px 10px 0px   rgba(0, 0, 0, 0.5); 
}

.title_ca_box {
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	vertical-align: text-bottom;
	font-weight: 500;
}

.subtitle_ca_box {
	font-family: 'Raleway', sans-serif;
	text-align: center;
	font-size: 0.6vw;
	margin-top: 1vw;
}

.header_ca {
	font-family: 'Raleway', sans-serif;
	color: #FFFFFF;
	padding-left: 0.7vw;
	padding-top: 0.01vw;
	padding-bottom: 0.01vw;
	border: 2px solid #A7A7A7;
}

.ca_2ddoc {
	background-color: #eb585b;
}

.ca_person {
	background-color : #197fc3;
}

.ca_server {
	background-color : #9eb03f;/*#64b9e4*/;
}

.ca_legal {
	background-color : #AAAEAD;
}

.ca_root {
	background-color : #000000;
}

.bottom {
	height: 2vh;
}

.copyright {
	margin-top: 0.7vw;
	text-align: center;
	font-family: 'AvenirNextLTPro-Regular';
	font-size: 0.7vw;
}

.download_array {
	display: inline-block;
	min-width:300px;
	vertical-align: top;
	margin-right: 2vw; 
}

.download_button {
	content: url("imgs/download.png");
	height: 1.3vw;
}

.download_fr {
	font-family: 'Raleway', sans-serif;
	text-decoration: underline;
}

/* .download_fr:after {
	height: 0.9vw;
	content: url("imgs/fr-32.png"); 
} */

.download_fr:hover {
	font-weight: bold;
}

.download_en {
	font-family: 'Raleway', sans-serif;
	text-decoration: underline;
}

/* .download_en:after {
	height: 0.9vw;
	content: url("imgs/uk-32.png");
} */

.download_en:hover {
	font-weight: bold;
}

.download_link {
	font-family: 'Raleway', sans-serif;
	text-decoration: underline;
}

.download_link:hover {
	font-weight: bold;
}

.mobile_index {
	display: none;
}

.mobile_only { 
	display: none;
}

.ca_name {
	display: inline-block;
}

body {
	background: -webkit-linear-gradient(left,rgba(220,230,220,1),rgba(220,220,230,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,rgba(220,230,220,1),rgba(220,220,230,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,rgba(220,230,220,1),rgba(220,220,230,1)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(253,255,253,1), rgba(253,255,253,1)); /*Standard*/
}

td { 
	width: 50%;
	padding-top: 0.1vw;
	padding-bottom: 0.1vw;
}

.oid {
	font-family: 'Open Sans', sans-serif;
}

h3 {
	font-weight: 600;
}

.ca_technical_name {
	display: inline-block;
}

.full_ca_section {
	margin-right: 0.5vw;
}

.ca_type {
	font-family: 'Raleway', sans-serif;
}

@media screen and (max-width: 1350px) {
	.mobile_only {
		display: inherit;
	}

	.mobile_index {
		min-width: 290px;
		display: inline-block;
		margin-top: 15px;
		margin-bottom: 15px;
		margin-right: 15px;
	}

	.mobile_menu {
		margin-left:25px;
		display:table;
		vertical-align:middle;
	}

	.ca_technical_name {
		display:none;
	}

	.top {
		display:none;
	}

	.bottom {
		display:none;
	}

	.screen {
		height: 100%;
		width: 100%;
		margin-left: 0;
		box-shadow: none;
	}

	.screen_left {
		display:none;
	}

	.ca_desc {
		width: 100%;
	}	
	.top_title {
		font-size: 25px;
	}
	.logo_axt {
		height: 25px;
		vertical-align: middle;
	}

	.ca_desc_text {
		font-size: 14px;
		padding: 0;
		margin: 0;
		height : auto;
		overflow-y: auto;
	}
	.download_button {
		height: 13px;
	}

	.ca_qualified_person {
		background-size: 20px 20px;
	}

	.ca_qualified_person_bottom {
		background-size: 18px 18px;
	}

	.ca_unqualified_person {
		background-size: 20px 20px;
	}

	.ca_unqualified_person_bottom {
		background-size: 18px 18px;
	}

	.ca_qualified_server {
		background-size: 20px 20px;
	}

	.ca_qualified_server_bottom {
		background-size: 18px 18px;
	}

	.ca_unqualified_server {
		background-size: 20px 20px;
	}

	.ca_unqualified_server_bottom {
		background-size: 18px 18px;
	}

	.ca_qualified_legal {
		background-size: 20px 20px;
	}

	.ca_qualified_legal_bottom {
		background-size: 18px 18px;
	}

	.ca_unqualified_legal {
		background-size: 20px 20px;
	}

	.ca_unqualified_legal_bottom {
		background-size: 18px 18px;
	}

	.ca_qualified_2ddoc {
		background-size: 20px 20px;
	}

	.ca_qualified_2ddoc_bottom {
		background-size: 18px 18px;
	}

	.ca_unqualified_2ddoc {
		background-size: 20px 20px;
	}
	
	.ca_unqualified_2ddoc_bottom {
		background-size: 18px 18px;
	}
}
