/************* GLOBAL *************/
	html {
		scroll-behavior: smooth;
	}

	@media (screen and (prefers-reduced-motion: reduce)) {
		html {
			scroll-behavior: auto;
		}
	}

	body {
		width : 100%;
		height : 100%;
		min-width : 650px;
		color : #0B87A1; /*white*/
		text-align: center;
	}

	.alert {
	    display : none;
	    position: fixed;
	    top : 50px;
	    right : 2%;
	    padding : 20px 20px;
	    text-align: center;
	}

	section.outsidePage {
		padding: 50px 0 50px 170px;
		background: url("../img/fonduCarreLeftv2.png") repeat-y;
		background-position: top left;
	}

	section.outsidePage h1 {
		padding: 0 0 20px 0 !important;
		margin-bottom : 30px;
		width : 70%;
		margin : 0 auto 20px auto;
		border-bottom: 2px solid #EA15CA;

		-webkit-animation-name: SectionTitleAnimation;
		animation-name: SectionTitleAnimation;
	    animation-duration: 1s;
	    animation-fill-mode: both;
	}
/************* END GLOBAL *************/




/************* HEADER *************/
	.navbar {
		padding: 0;
    	background-color: rgb(52, 58, 64);

    	-webkit-animation-name: NavbarLoad;
	    animation-name: NavbarLoad;
	    animation-duration: 1.5s;
	}

	.navbar .navbar-brand {
		margin-left : 2%;
		font-family: "spaceage";
    	color: #40b7cd;
    	font-size : 2.6em;
    	padding : 0;
    	height : 40px;
	}
	.navbar .navbar-brand img {
		position : relative;
		top : 10px;
		width : 65px;
	}
	.navbar .navbar-brand span {
		position : relative;
		bottom : 14px;
		margin-left: -10px;
	}

	.navbar .navbar-toggler {
		margin-right : 2%;
	}

	.navbar .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}

	.navbar .navbar-nav {
	    margin-left : 2%;
	}

	@media (min-width: 992px) {
		.navbar-expand-lg .navbar-collapse {
		    justify-content: flex-end;
		}

		.navbar .navbar-nav {
		    margin-right : 10%;
		}
	}

	.navbar .navbar-nav .nav-item .nav-link {
	    color: rgb(230,230,230);
	    font-weight: 600;
	    font-size: 1.05em;
	    text-transform: uppercase;
	    border-bottom: 4px solid transparent;
	    transition: 0.3s;
	    padding : 8px 15px;
	    text-shadow: 2px 2px 5px black;
	}

	.navbar-nav .nav-item.active .nav-link,
	.navbar-nav .nav-item:hover .nav-link {
	    color: #40b7cd;
	    border-bottom-color: #40b7cd;
	    text-shadow: 2px 2px 5px #1b5c68;
	}
/************* END HEADER *************/




/************* MAIN *************/

	main {
		background-color: #f5f5f5; /*#013a55*/
	}

	main section {
		
	}

	main section .container {
		height: 100%;
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	}

	main section:not(#home) h1 {
		font-size : 3.5rem;
		padding : 20px 0;
		text-transform: uppercase;
	    font-family: Calibri Light;
		font-weight: bold;
		letter-spacing: 1px;
	}

	main section:not(#home).firstPrintAnimation h1 {
		-webkit-animation-name: SectionTitleAnimation;
		animation-name: SectionTitleAnimation;
	    animation-duration: 1s;
	    animation-fill-mode: both;
	}

	main section p.citation {
		font-family: "Athum_Thin";
		font-size : 1.8rem;
	}

	main section.firstPrintAnimation p.citation {
		-webkit-animation-name: SectionTitleAnimation;
		animation-name: SectionTitleAnimation;
	    animation-duration: 1s;
	    animation-fill-mode: both;
	}

	/************* HOME *************/
		main section#home {
			height : 100vh;
			min-height : 500px;
			background: url("../img/galaxie.jpg") no-repeat center;
		    background-size: cover;
		}

		main section#home.firstPrintAnimation .container {
			animation-name: BackgroundShow;
		    animation-duration: 3s;
		}

		main section#home h1 {
			font-size : 120px; /* 100px */
			letter-spacing: -20px;
			font-family: "spaceage";
			color : #40b7cd;
			width : 100%;
			margin-bottom: 30px;
		}

		main section#home h1 span.animatedLogo {
			position : relative;
		}

		main section#home.firstPrintAnimation h1 span.animatedLogo.T {
		    animation-name: RebootToToober_T;
		    animation-duration: 23s;
		    animation-fill-mode: both;
		    animation-delay : 0s;
		    /*animation-direction: alternate;*/
		    animation-iteration-count: infinite;
		    animation-timing-function: linear;
		}
		main section#home h1 span.animatedLogo.OO {
			margin-right: -24px;
		}
		main section#home.firstPrintAnimation h1 span.animatedLogo.OO {
		    animation-name: RebootToToober_OO;
		    animation-duration: 23s;
		    animation-fill-mode: both;
		    animation-delay : 0s;
		    /*animation-direction: alternate;*/
		    animation-iteration-count: infinite;
		    animation-timing-function: linear;
		}
		main section#home.firstPrintAnimation h1 span.animatedLogo.B {
		    animation-name: RebootToToober_B;
		    animation-duration: 23s;
		    animation-fill-mode: both;
		    animation-delay : 0s;
		    /*animation-direction: alternate;*/
		    animation-iteration-count: infinite;
		    animation-timing-function: linear;
		}
		main section#home.firstPrintAnimation h1 span.animatedLogo.E {
		    animation-name: RebootToToober_E;
		    animation-duration: 23s;
		    animation-fill-mode: both;
		    animation-delay : 0s;
		    /*animation-direction: alternate;*/
		    animation-iteration-count: infinite;
		    animation-timing-function: linear;
		}
		main section#home.firstPrintAnimation h1 span.animatedLogo.R {
		    animation-name: RebootToToober_R;
		    animation-duration: 23s;
		    animation-fill-mode: both;
		    animation-delay : 0s;
		    /*animation-direction: alternate;*/
		    animation-iteration-count: infinite;
		    animation-timing-function: linear;
		}

		main section#home h1 img {
			height : 155px;
			position: relative;
			bottom : 3px;
		}

		main section#home h2 {
			width : 100%;
		    font-family: Calibri Light;
		    font-weight: 600;
		    font-size: 2.5rem;
		    margin: 10px auto;
		    color: white;
		    text-shadow: 2px 2px 5px black;
		}
		main section#home.firstPrintAnimation h2 {
			-webkit-animation-name: BotToTopSlide;
		    animation-name: BotToTopSlide;
		    animation-duration: 1s;
		}

		main section#home .moreInfo {
			position: absolute;
			bottom: 5px;
			left: calc(50% - 50px);
			opacity: 0.7;
			color : white;
		}

		main section#home .moreInfo.bouncing img {
			height : 70px;
		}
		main section#home.firstPrintAnimation .moreInfo.bouncing img {
			-webkit-animation-name: bounce;
		    animation-name: bounce;
		    animation-duration: 1500ms;
		    animation-fill-mode: both;
		    animation-timing-function: ease-out;
		    animation-iteration-count: infinite;
		    animation-delay : 4.5s;
		}
	/************* END HOME *************/


	/************* SERVICES *************/
		main section#services {
			background: url("../img/fonduCarreBottomv2.png") repeat-x;
			background-position: bottom; 
			padding: 70px 0 220px 0;
		}

		main section#services h4 {
			margin-top: 30px;
			margin-bottom: 30px;
		}

		main section#services .servicesContainer {
			display: flex;
	   	 	justify-content: space-evenly;
	   	 	margin-top : 40px;
		}

		main section#services .service {
			width : 280px;
			border-width: 3px;
			border-style: solid;
			background-color : white;
			position: relative;
			padding : 60px 5px 40px 5px;
			box-shadow: 8px 8px 20px 0px #00000063;
		}

		main section#services .service:hover {
			background-color: #f1f1f1;
			box-shadow: 8px 8px 20px 0px #000000bd;
		}

		main section#services .service .logo {
			border-width: 3px;
			border-style: solid;
			border-radius: 100%;
		    width: 100px;
		    height: 100px;
		    margin: auto;
		    position: absolute;
		    bottom: 175px;
		    left: calc(50% - 50px);
		    transition: 0.3s;
		}

		main section#services .service:hover .logo {
		    width: 110px;
		    height: 110px;
		    bottom: 170px;
		    left: calc(50% - 55px);
		}

		main section#services .service .logo img {
			width: 60px;
		    height: 60px;
		    position: absolute;
		    top: calc(50% - 30px);
		    left: calc(50% - 30px);
		    transition: 0.3s;
		}

		main section#services .service:hover .logo img {
			width: 70px;
		    height: 70px;
		    top: calc(50% - 35px);
		    left: calc(50% - 35px);
		}

		main section#services .service h3 {
			font-size: 1.5rem;
			font-weight: 700;
			transition: 0.3s;
		}

		main section#services .service:hover h3 {
			font-size: 1.6rem;
			margin-bottom: 0.26rem;
		}

		main section#services .service p {
			color : #7F7F7F;
			padding : 10px 0;
			font-size : 1rem;
		}

		main section#services .service button {
			display: block;
			width : 98%;
			margin : auto;
			border-width: 2px;
			border-style: solid;
			position: absolute;
	    	bottom: 2px;
	    	left : 1%;
	    	padding : 5px 0;
	    	cursor: pointer;
	    	color : white;
	    	font-weight: 600;
	    	text-shadow: 1px 1px #666666;
	    	font-size : 1rem;
		}

		main section#services .service.assistanceAccompagnement {
			border-color: #5379BD;
		}
		main section#services.firstPrintAnimation .service.assistanceAccompagnement {
			-webkit-animation-name: ServiceSlide;
			animation-name: ServiceSlide;
		    animation-duration: 1.5s;
		    animation-fill-mode: both;
		    animation-delay : 0.5s;
		}
		main section#services .service.assistanceAccompagnement:hover {
			border-color: #4566a1;
		}
		main section#services .service.assistanceAccompagnement .logo, 
		main section#services .service.assistanceAccompagnement button {
			border-color: #5379BD;
			background-color: #809BCE;
		}
		main section#services .service.assistanceAccompagnement button:hover {
			border-color: #4566a1;
			background-color: #6d85b3;
		}
		main section#services .service.assistanceAccompagnement h3 {
			color: #5379BD;
		}
		main section#services .service.assistanceAccompagnement:hover h3 {
			color: #4566a1;
		}
		
		main section#services .service.developpementSurMesure {
			border-color: #6C9CC0;
		}
		main section#services.firstPrintAnimation .service.developpementSurMesure {
			-webkit-animation-name: ServiceSlide;
			animation-name: ServiceSlide;
		    animation-duration: 1.5s;
		    animation-fill-mode: both;
		    animation-delay : 0.25s;
		}
		main section#services .service.developpementSurMesure:hover {
			border-color: #527d9d;
		}
		main section#services .service.developpementSurMesure .logo, 
		main section#services .service.developpementSurMesure button {
			border-color: #6C9CC0;
			background-color: #AAC5DA;
		}
		main section#services .service.developpementSurMesure button:hover {
			border-color: #527d9d;
			background-color: #89a2b5;
		}
		main section#services .service.developpementSurMesure h3 {
			color: #6C9CC0;
		}
		main section#services .service.developpementSurMesure h3 {
			color: #527d9d;
		}
		
		main section#services .service.infogerance {
			border-color: #4FB18E;
		}
		main section#services.firstPrintAnimation .service.infogerance {
			-webkit-animation-name: ServiceSlide;
			animation-name: ServiceSlide;
		    animation-duration: 1.5s;
		    animation-fill-mode: both;
		}
		main section#services .service.infogerance:hover {
			border-color: #3d8d70;
		}
		main section#services .service.infogerance .logo, 
		main section#services .service.infogerance button {
			border-color: #4FB18E;
			background-color: #94D0BB;
		}
		main section#services .service.infogerance button:hover {
			border-color: #3d8d70;
			background-color: #7cb19e;
		}
		main section#services .service.infogerance h3 {
			color: #4FB18E;
		}
		main section#services .service.infogerance h3 {
			color: #3d8d70;
		}

		main section#services .otherModules {
			margin-top : 100px;
		}
		main section#services .otherModules button {
			border-style: solid;
			border-width: 2px;
			padding : 5px 10px;
			cursor : pointer;
			color : white;
			font-weight: 600;
	    	text-shadow: 1px 1px #666666;
	    	font-size : 1rem;
	    	margin : 0 10px;
	    	width : 155px;
		}

		main section#services .otherModules button img {
			width : 25px;
			margin-right : 8px;
		}

		main section#services .otherModules button.recruitment {
			background-color: #40b7cd/*#FF7477*/;
   		 	border-color: #007a96/*#FF151B*/;
		}
		main section#services.firstPrintAnimation .otherModules button.recruitment {
			animation-name: ServiceSlide;
		    animation-duration: 1.5s;
		    animation-fill-mode: both;
		    animation-delay : 1.25s;
		}
		main section#services .otherModules button.recruitment:hover {
			background-color: #369fb3/*#FF474B*/;
			border-color: #02667c/*#E20005*/;
		}

		main section#services .otherModules button.techBlog {
			background-color: #44bb9f/*#FBAE79*/;
   			border-color: #2d8973/*#F97217*/;
		}
		main section#services.firstPrintAnimation .otherModules button.techBlog {
			animation-name: ServiceSlide;
		    animation-duration: 1.5s;
		    animation-fill-mode: both;
		    animation-delay : 1s;
		}
		main section#services .otherModules button.techBlog:hover {
			background-color: #3aab90/*#FA9550*/;
			border-color : #277865/*#CB5505*/;
		}
	/************* END SERVICES *************/


	/************* SERVICES DETAILS *************/
		main section#servicesDetails {
			background: url("../img/fonduCarreTopv2.png") repeat-x;
			background-position: top;
			padding: 200px 0 0 0;
		}

		main section#servicesDetails #tabs {
			border-width: 0;
    		background: transparent;
    		border-radius: 0;
    		margin-right: -15px;
    		margin-left: -15px;
    		padding: 0;
    		border-radius: 0;
    		border-bottom : 4px solid #EA15CA;
		}

		main section#servicesDetails.firstPrintAnimation #tabs {
			animation-name: ServiceSlide;
		    animation-duration: 1.5s;
		    animation-fill-mode: both;
		}

		main section#servicesDetails #tabs .ui-widget-header {
		    border-width: 0;
		    background: transparent;
		}

		main section#servicesDetails #tabs.ui-tabs ul.ui-tabs-nav {
		    text-align: center;
		    border-width: 0;
		    background: none;
		    margin : 0 auto;
		    padding-bottom : 5px;
		    border-bottom : 4px solid #EA15CA;
		}

		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li {
		    display: inline-block;
		    float: none;
		    margin: 0 5px;
		    padding : 0;
		    border-radius: 100%;
		    border : 4px solid white;
		    width : 90px;
		    height : 90px;
		}
		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li.assistanceAccompagnement {
			border-color: #5379BD;
			background-color: #809BCE;
		}
		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li.assistanceAccompagnement.ui-state-active {
			background-color: #6d85b3;
		}
		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li.assistanceAccompagnement:not(.ui-state-active):hover {
			border-color: #4566a1;
			background-color: #6d85b3;
		}
		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li.developpementSurMesure {
			border-color: #6C9CC0;
			background-color: #AAC5DA;
		}
		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li.developpementSurMesure.ui-state-active {
			background-color: #89a2b5;
		}
		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li.developpementSurMesure:not(.ui-state-active):hover {
			border-color: #527d9d;
			background-color: #89a2b5;
		}
		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li.infogerance {
			border-color: #4FB18E;
			background-color: #94D0BB;
		}
		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li.infogerance.ui-state-active {
			background-color: #7cb19e;
		}
		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li.infogerance:not(.ui-state-active):hover {
			border-color: #3d8d70;
			background-color: #7cb19e;
		}

		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li.ui-state-active {
			border-color : #EA15CA;
		}

		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li a {
		    padding : 0;
		    display: block;
		    width: 100%;
		    height: 100%;
		}

		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li img {
		   	max-width : 50px;
		   	max-height : 50px;
		   	margin-top: 15px;
		}

		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li .visualLinkToContent {
			height: 14px;
		    width: 10px;
		    background-color: #EA15CA;
		    position: absolute;
		    bottom: -15px;
		    left: 36px;
		}
		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li .visualLinkToContent {
			display : none;
		}
		main section#servicesDetails #tabs.ui-tabs .ui-tabs-nav li.ui-state-active .visualLinkToContent {
			display : block;
		}

		main section#servicesDetails #tabs .ui-widget-content {
			color : #0B87A1; /*white*/
			font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
			width : 80%;
			margin: auto;
		}

		main section#servicesDetails #tabs .ui-tabs-panel {
			padding-bottom: 40px;
		}

		main section#servicesDetails #tabs .ui-widget-content h2 {
			text-transform: uppercase;
			margin-bottom : 30px;
		}

		main section#servicesDetails #tabs .ui-widget-content h4 {
			margin-top : 30px;
			margin-bottom : 10px;
		}

		main section#servicesDetails .categoriesAccordion {
		    width: 70%;
		    margin: auto;
		}
		main section#servicesDetails .categoriesAccordion .ui-accordion-header {
	        padding: 13px 0;
		    background: #9ec1db;
		    font-variant: small-caps;
		    font-size: 1.3rem;
		    font-family: Calibri Light;
		    font-weight: bold;
		    margin-top : 25px;
		}
		main section#servicesDetails .categoriesAccordion .ui-accordion-header:hover {
		    background: #6da0c7;
		}
		main section#servicesDetails .categoriesAccordion .ui-accordion-header.ui-state-active {
		    border: 1px solid #a5a5a5;
		    background: #4791c9;
		    font-weight: normal;
		    color: #fff;
		}
		main section#servicesDetails .categoriesAccordion .ui-widget-content {
		    border-color: #7b8da9;
		    background: white;
		    text-align: left;
		    width: 100% !important;
		}
		main section#servicesDetails .categoriesAccordion h6 {
			font-weight: bold;
		}
		main section#servicesDetails .categoriesAccordion .description {
			margin : 15px auto 20px auto;
		}
		main section#servicesDetails .categoriesAccordion ul.jobsList {

		}
		main section#servicesDetails .categoriesAccordion ul.jobsList li {
			margin : 20px auto;
		}
		main section#servicesDetails .categoriesAccordion ul.jobsList li img {
			width : 20px;
			margin-left: 25px;
		}
		main section#servicesDetails .categoriesAccordion ul.jobsList li img:hover {
			filter : contrast(0.8);
		}
	/************* END SERVICES DETAILS *************/


	/************* CONTACT *************/
		main section#contact {
			border-bottom : 4px solid #EA15CA;
			padding: 100px 0;
		}

		main section#contact form {
			width : 80%;
			margin : auto;
		}

		main section#contact.firstPrintAnimation form,
		main section#contact.firstPrintAnimation p {
			animation-name: ServiceSlide;
		    animation-duration: 1.5s;
		    animation-fill-mode: both;
		}

		main section#contact form .formItem {
			margin : 0;
		}

		main section#contact form label {
			width : 100%;
			text-align: left;
			font-weight: 600;
			margin-top : 15px;
		}

		main section#contact form input,
		main section#contact form textarea {
			width : 100%;
			border : 1px solid black;
			border-radius: 0.25rem;
			padding : 8px;
			background: #ffffff61;
   	 		color: #0B87A1;
		}

		main section#contact #contactErrors {
			display : none;
			color : red;
			font-weight: 600;
			margin-top : 30px;
		}

		main section#contact #contactErrors ul {
			list-style-type: none;
		}

		main section#contact form button {
			margin-top : 30px;
			background-color: #40b7cd;
			border-color: #2a8191;
			color : white;
			padding : 10px 25px;
		}
		main section#contact form button:hover {
			background-color: #3ba5b9;
		}

		main section#contact button.application {
			background-color: #44bb9f/*#FBAE79*/;
   			border-color: #2d8973/*#F97217*/;
   			float: right;
   			cursor: pointer;
		}
		main section#contact button.application:hover {
			background-color: #3aab90/*#FA9550*/;
			border-color : #277865/*#CB5505*/;
		}
	/************* END CONTACT *************/


	/************* WORKED WITH *************/
		main section#workedWith {
			background: url("../img/fonduCarreBottomv2.png") repeat-x;
			background-position: bottom;
			padding: 80px 0 250px 0;
		}

		main section#workedWith.firstPrintAnimation .wrapper {
			animation-name: ServiceSlide;
		    animation-duration: 1.5s;
		    animation-fill-mode: both;
		    animation-delay : 0.5s;
		}

		main section#workedWith .jcarousel img {
			filter: grayscale(1);
		}
	/************* END WORKED WITH *************/

/************* END MAIN *************/




/************* COMPANY *************/
	section#company {
		
	}

	section#company h1.marginTop {
		margin-top : 50px;
	}

	section#company .container {
		text-align: justify;

		animation-name: ServiceSlide;
	    animation-duration: 1.5s;
	    animation-fill-mode: both;
	}

	section#company .row {
		align-items: center;
	}

	section#company h2 {
		margin-top : 20px;
	}

	section#company .objectivesTimeline {
		text-align: center;
	}
	section#company .objectivesTimeline img {
		width : auto;
	}

	section#company img {
		width : 100%;
	}

	section#company img.avatar {
		width : 80%;
	}

	section#company hr {
		width : 40%;
		background : #EA15CA;
		height : 3px;
		margin : 40px auto;
	}
/************* END COMPANY *************/




/************* TECH-BLOG *************/
	section#techBlog {
		
	}

	section#techBlog .articlesList {
		width : 100%;
		margin : auto;
		display: flex;
		flex-wrap: wrap;
	    justify-content: center
	}

	section#techBlog .articlesList article {
		background : white;
		width : 370px;
		margin : 20px;
		cursor: pointer;

		animation-name: ServiceSlide;
	    animation-duration: 1.5s;
	    animation-fill-mode: both;
	}

	section#techBlog .articlesList article:hover {
		background : rgb(240,240,240);
		box-shadow: 5px 5px 20px 0px black;
	}

	section#techBlog article img {
		width : 100%;
	}

	section#techBlog article .content {
		padding : 15px 15px 0 15px;
	}

	section#techBlog article h2 {
		color : #41B8CE;
		font-size : 1.1rem;
		margin-bottom : 20px;
		white-space: nowrap;
	  	overflow: hidden;
	  	text-overflow: ellipsis;
	}

	section#techBlog article:hover h2 {
		font-weight: bold;
	}

	section#techBlog article .description {
		color : rgb(70,70,70);
		text-align: justify;
		font-family: Arial;
		font-size : 0.9rem;
	}

	section#techBlog article button {
		margin-top : 10px;
		background-color: #40b7cd;
		border-color: #2a8191;
		color : white;
		width : 100%;
		font-size : 0.9rem;
	}

	section#techBlog article button:hover {
		background-color: #3ba5b9;
	}

	section#techBlog article .signature,
	.ui-dialog .ui-dialog-content .signature {
		color : grey;
		font-style: italic;
		margin-top : 20px;
		font-size : 0.8rem;
	}

	.ui-dialog .ui-dialog-content .content {
		text-align: justify;
	}

	.ui-dialog .ui-dialog-content .content h1,
	.ui-dialog .ui-dialog-content .content h2,
	.ui-dialog .ui-dialog-content .content h3,
	.ui-dialog .ui-dialog-content .content h4,
	.ui-dialog .ui-dialog-content .content h5,
	.ui-dialog .ui-dialog-content .content h6 {
		color : #41B8CE;
	}

	.ui-dialog .ui-dialog-content .content h1 {
		text-align: center;
	}

	.ui-dialog .ui-dialog-content .content figure table {
		background: #212529;
	}
/************* END TECH-BLOG *************/




/************* RECRUITMENT *************/
	section#recruitment {
		
	}
/************* END RECRUITMENT *************/



/************* APPLICATION FORM *************/
	section#applicationForm {
		
	}

	section#applicationForm #applicationErrors {
		text-align : left;
		color : red;
		font-weight: bold;
	}

	section#applicationForm .required {
		color : red;
	}

	section#applicationForm fieldset {
		border : 1px solid #0B87A1;
		margin-bottom : 40px;
		padding : 20px 0;
	}
	section#applicationForm fieldset legend {
		width : auto;
		padding : 0 20px;
		text-transform: uppercase;
	}
	section#applicationForm fieldset h6 {
		border-bottom : 1px solid #EA15CA;
		padding-bottom: 10px;
		width : 60%;
		margin: 15px auto;
	}
	section#applicationForm fieldset .row:first-child {
		margin-bottom : 20px;
	}
	section#applicationForm fieldset .formItem {
		
	}
	section#applicationForm fieldset .formItem label {
		vertical-align: top;
		width : 180px;
		text-align: left;
	}
	section#applicationForm fieldset .formItem input,
	section#applicationForm fieldset .formItem textarea,
	section#applicationForm fieldset .formItem select {
		width : 250px;
		text-align: center;
	}
	section#applicationForm fieldset .formItem textarea {
		text-align: left;
	}
/************* END APPLICATION FORM *************/




/************* LEGAL PAGES *************/
	section#privacyPolicy, 
	section#legalNotice {
		text-align: justify;
	}

	section#privacyPolicy h1, 
	section#legalNotice h1 {
		text-align: center;
		width : 100%;
	}

	section#privacyPolicy h2, 
	section#legalNotice h2 {
		color : #EA15CA;
		text-transform: uppercase;
		margin-top : 20px;
	}
/************* END LEGAL PAGES *************/




/************* FOOTER *************/
	footer {
		font-size: 0.9rem;
		background-color: black;
		padding : 10px 0 5px 0;
	}

	footer .row {
		margin : auto;
		justify-content: center;
		align-items: center;
	}

	footer a {
		color : #40b7cd;
	}

	footer p {
		margin : 0;
	}

	footer p.legalLinks {
		margin-top : 30px;
	}
	footer p.legalLinks a {
		margin : 0 10px;
		font-weight: bold;
		text-decoration: underline;
	}

	footer p.copyright {
		width : 100%;
		margin-top : 10px;
		font-weight: bold;
	}
/************* END FOOTER *************/




/************* DIALOG *************/
	.ui-widget-overlay {
	    background: black;
	    opacity: .6;
	}

	.ui-dialog {
	    position: fixed;
	}

	.ui-dialog .ui-widget-header {
	    border-width: 0;
	    border-bottom : 1px solid rgb(200,200,200); 
	    background: white;
	    color : #41B8CE;
		font-size : 1.3rem;
	    font-weight: bold;
	    border-radius: 0;
	}

	.ui-dialog .ui-dialog-title {
	    float: left;
	    margin: 0.1em 0;
	    white-space: normal;
	    width: 95%;
	    overflow: auto;
	    text-overflow: all;
	    font-size : 2rem;
	}

	.ui-dialog .ui-dialog-titlebar-close {
		font-size: 1rem;
	    font-weight: bold;
	    color: grey;
	    border: 1px solid grey;
	    border-radius: 4px;
	    cursor : pointer;
	}

	.ui-dialog .ui-dialog-titlebar-close:hover {
	    color: black;
	    background : rgb(200,200,200);
	}

	.ui-dialog .ui-dialog-titlebar-close span {
		position: relative;
		bottom : 4px;
	}
/************* END DIALOG *************/




/************* TOOLTIP *************/
	.ui-tooltip {
	    padding: 5px;
	    font-size : 0.8rem;
	    border-radius: 7px;
	    box-shadow: 0 0 7px black;
	    background: white;
	    border: 2px solid #EA15CA !important;
	}
	.ui-tooltip-content::after {
	    content: '';
	    position: absolute;
	    border-style: solid;
	    display: block;
	    width: 0;
	    top: 46%;
	    left: -10px;
	    border-color: transparent #EA15CA;
	    border-width: 10px 10px 10px 0;
	}
	
/************* END TOOLTIP *************/




/************* FONTS *************/
	@font-face {
	    font-family: "spaceage";
	    font-display: auto;
	    src: url("../fonts/spaceage.ttf");
	}

	@font-face {
	    font-family: "Athum_Thin";
	    font-display: auto;
	    src: url("../fonts/Athum_Thin.ttf");
	}
/************* END FONTS *************/




/************* ANIMATIONS *************/
	@keyframes NavbarLoad {
	  	from {
	    	transform: translateY(-50px);
	    	opacity : 0;
	  	}

	  	to {
	    	transform: translateY(0);
	    	opacity : 1;
	  	}
	}
	@-webkit-keyframes NavbarLoad {
	  	from {
	    	-webkit-transform: translateY(-50px);
	    	opacity : 0;
	  	}

	  	to {
	    	-webkit-transform: translateY(0);
	    	opacity : 1;
	  	}
	}

	@keyframes BackgroundShow {
	  	from {
	    	background-color: #000000;
	  	}

	  	to {
	    	background-color: #00000000;
	  	}
	}

	@keyframes RebootToToober_T {
		0%, 10% {
			right : 0;
		}
		20%, 80% {
			right : 526px; /* 438px */
		}
		90%, 100% {
			right : 0;
		}
	}
	@keyframes RebootToToober_OO {
		0%, 10% {
			right : 0;
		}
		20%, 80% {
			right : 243px; /* 190px */
		}
		90%, 100% {
			right : 0;
		}
	}
	@keyframes RebootToToober_B {
		0%, 10% {
			left : 0;
		}
		20%, 80% {
			left : 49px; /* 63px */
		}
		90%, 100% {
			left : 0;
		}
	}
	@keyframes RebootToToober_E {
		0%, 10% {
			left: 0;
		}
		20%, 80% {
			left: 285px; /* 249px */
		}
		90%, 100% {
			left: 0;
		}
	}
	@keyframes RebootToToober_R {
		0%, 10% {
			left : 0;
		}
		20%, 80% {
			left : 526px; /* 438px */
		}
		90%, 100% {
			left : 0;
		}
	}

	@keyframes BotToTopSlide {
		from {
	    	transform: translateY(200px);
	    	opacity : 0;
	  	}

	  	to {
	    	transform: translateY(0);
	    	opacity : 1;
	  	}
	}
	@-webkit-keyframes BotToTopSlide {
		from {
	    	-webkit-transform: translateY(200px);
	    	opacity : 0;
	  	}

	  	to {
	    	-webkit-transform: translateY(0);
	    	opacity : 1;
	  	}
	}

	@keyframes bounce {
	    0%, 20%, 50%, 80%, 100% {
	        transform: translateY(0);
	    }
	    40% {
	        transform: translateY(-30px);
	    }
	    60% {
	        transform: translateY(-15px);
	    }
	}
	@-webkit-keyframes bounce {
		0%, 20%, 50%, 80%, 100% {
	        -webkit-transform: translateY(0);
	    }
	    40% {
	        -webkit-transform: translateY(-30px);
	    }
	    60% {
	        -webkit-transform: translateY(-15px);
	    }
	}

	@keyframes SectionTitleAnimation {
		from {
	    	transform: translateY(100px);
	    	opacity : 0;
	  	}

	  	to {
	    	transform: translateY(0);
	    	opacity : 1;
	  	}
	}
	@-webkit-keyframes SectionTitleAnimation {
		from {
	    	-webkit-transform: translateY(100px);
	    	opacity : 0;
	  	}

	  	to {
	    	-webkit-transform: translateY(0);
	    	opacity : 1;
	  	}
	}

	@keyframes ServiceSlide {
		from {
	    	transform: translateX(-1000px);
	    	opacity : 0;
	  	}

	  	to {
	    	transform: translateX(0);
	    	opacity : 1;
	  	}
	}
	@-webkit-keyframes ServiceSlide {
		from {
	    	-webkit-transform: translateX(-1000px);
	    	opacity : 0;
	  	}

	  	to {
	    	-webkit-transform: translateX(0);
	    	opacity : 1;
	  	}
	}
/************* END ANIMATIONS *************/