/***********************************************
	Major Document & Page Stylings
***********************************************/

	html {
		overflow: auto;
		overflow-x: auto;
		overflow-y: scroll;
	}
	body {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	}

	html, body, #webpage {
		height: 100%;
		width: 100%
	}
	#webpage {
		min-height: 100%;
		min-width: 100%;
	}
	html.js #webpage {
		/* Background pattern from subtlepatterns.com */
		background-image: url("../img/patterns/crossword/crossword.png");
		background-color: #FBFBFB;
	}
	#webpage {
		display: table;
	}
	#webpage > section {
		display: table-row;
		width: 100%;
	}
	#webpage > section#section-footer {
		height: 100%;
	}

	.container {
		max-width: 970px;
	}	

/***********************************************
	Section "Header" Stylings
***********************************************/

	#section-header {
		font-family: "Baskerville", "Georgia", "TimesNewRoman", "Times New Roman", "Times", serif;
		color: #FFF;
	}
	#section-header h1,
	#section-header .h1 {
		margin: 0;
		line-height: 1.3;
		color: inherit;
	}
	#section-header h2,
	#section-header .h2 {
    	margin: 0;
    	line-height: 0.9;
		color: #DDD;
	}
	#section-header h2 small,
	#section-header .h2 small {
		line-height: inherit;
		color: inherit;
	}
	#section-header a {
		color: inherit;
		text-decoration: none;
	}

	#section-header #section-header-wrapper {
		padding-bottom: 10px;
	}

	#section-header #section-header-inner {
		/* Background pattern from subtlepatterns.com */
		padding-top: 20px;
		padding-bottom: 10px;
		background-image: url("../img/patterns/pool_table/pool_table.png");
		background-size: 128px 128px;
		background-color: #25623F;
		border-bottom: 10px solid #574080;
	}

	#section-header #section-header-inner > .container {
		position: relative;
		min-height: 70px;
	}

	#header-image {
		display: block;
		position: absolute;
		top: 50%;
		left: 15px;
		height: 70px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	#header-image img {
		width: auto;
		height: inherit;
	}
	#header-image .img-thumbnail {
		padding: 4px 5px;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}

	#header-text {
		padding-left: 15px;
		margin: 5px 0 5px 65px;
	}

/***********************************************
	Section "Navigation" Stylings
***********************************************/

	#section-navigation .nav-tabs {
		border-bottom: none;
	}
	#section-navigation .nav-tabs > li > a {
		background-color: #FFF;
		border: 1px solid #DDD;
		padding-left: 2px;
		padding-right: 2px;
		text-align: center;
	}
	#section-navigation .nav-tabs > li > a:focus,
	#section-navigation .nav-tabs > li > a:hover {
		background-color: #EEE;
	}
	#section-navigation .nav-tabs > li.active > a {
		background-color: #FFF;
		border-bottom: 1px solid #FFF;
		font-weight: bold;
	}

/***********************************************
	Section "Content" Stylings
***********************************************/

	#section-content .tab-content {
		min-height: 200px;
		background-color: #FFF;
		border: 1px solid #DDD;
		border-radius: 0 4px 4px 4px;
	}
	#section-content .tab-content > .tab-pane > .container {
		max-width: 100%;
	}

/***********************************************
	Section "Footer" Stylings
***********************************************/

	#section-footer > .container {
		padding: 10px 15px 10px 15px;
	}
	#section-footer span.inline-block {
		margin-bottom: 4px;
	}
	#section-footer a {
		color: inherit;
	}
	#section-footer i {
		color: inherit;
		font-style: normal;
	}

/***********************************************
	Tab "Accueil" Stylings
***********************************************/

	#tab-Accueil #certifications {
		display: block;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 15px;
		padding: 0 !important;
		overflow-x: auto;
	}
	#tab-Accueil #certifications .certifications-row {
		display: inline-block;
	}
	#tab-Accueil #certifications .certif {
		display: inline-block;
		margin: 10px;
	}
	#tab-Accueil #certifications .certif a {
		display: inline-block;
	}
	#tab-Accueil #certifications #certif-amf a img {
		max-width: 106px;
	}
	#tab-Accueil #certifications #certif-chad a img {
		max-width: 116px;
		padding-left: 2px;
	}
	#tab-Accueil #certifications #certif-iadq a img {
		max-width: 70px;
	}
	#tab-Accueil #certifications #certif-paa a img {
		max-width: 80px;
	}

/***********************************************
	Tab "Contact" Stylings
***********************************************/

	#contact-info span {
		display: inline-block;
	}
	#contact-info ul {
		padding-left: 0;
		margin-left: 1.65em; /* margin-left: 2.14285714em; */
		list-style-type: none;
	}
	#contact-info ul > li {
		position: relative;
	}
	#contact-info ul > li > .li-bullet {
		position: absolute;
		left: -2.14285714em;
		width: 2.14285714em;
		top: .14285714em;
		text-align: center;
	}

	#google-map {
		margin-top: 10px;
		margin-bottom: 15px;
	}
	#google-map #google-map-fallback img {
		border-radius: 6px;
	}
	#google-map #google-map-iframe-wrapper {
		background: rgb(229, 227, 223);
	}
	#google-map #google-map-iframe-wrapper,
	#google-map #google-map-iframe-wrapper iframe {
		border-radius: 6px;
		height: 300px;
		width: 100%;
	}

	#handshake-image {
		width: 100%;
		height: 260px;
		background-image: url('../img/new/04.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

/***********************************************
	Tab "Liens" Stylings
***********************************************/

	#tab-Liens li {
		padding-bottom: 10px;
	}

/***********************************************
	Utility Stylings
***********************************************/

	.glyphicon.glyphicon-custom-at {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-weight: bold;
		font-size: 15px;
	}
	.glyphicon.glyphicon-custom-at:before {
		padding-left: 3px;
		content: "\0040";
	}

	.box-shadow {
		-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
		-moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
		box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);
	}

	.drop-shadow {
		-webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));
    	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));
	}

	.text-shadow {
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	}

	.text-unselectable {
		-webkit-user-select: none;	/* Google Chrome, Safari */
		-moz-user-select: none;		/* Mozilla Firefox */
		-ms-user-select: none;		/* Internet Explorer 10+ */
		-o-user-select: none;		/* not implemented in browsers yet */
		user-select: none;			/* not implemented in browsers yet */
	}

	.inline-block {
		display: inline-block;
	}

/***********************************************
	Experimental Stylings
***********************************************/