/* FONT TYPES USED */

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

/* Webfont: LatoLatin-Bold */
@font-face {
    font-family: 'Lato';
    src: url('fonts/LatoLatin-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/LatoLatin-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/LatoLatin-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/LatoLatin-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Regular */
@font-face {
    font-family: 'Lato';
    src: url('fonts/LatoLatin-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/LatoLatin-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/LatoLatin-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/*  proflat_aero style sheet */

@media (min-width: 700px) {
	/* remove site description */
	.site-description h1, .site-description p {
	/*	display: none; */
	position: absolute;
	left: -999px;
	width: 990px;
	}
}

/* LOGO */

/* 130 - Main blocks */

.logo {
	float: left;
	width: auto;
	padding: 5px 13px 0 10px;
}

.site_logo {
	width: 330px;
	height: 57px;
	background-image: url("./images/logo_aeronet.png");
	background-image: url("./images/logo_aeronet.svg");
	background-repeat: no-repeat;
}


/* IMAGE BACKGROUND */

html, body {
	background-color: #ffffff;
	color: #444444;
	background-image: url("./images/sky.jpg");
	/* background-position: center center; /*image centree */
	/* background-attachment: fixed; /* image fixe */
	background-repeat: repeat-x; /* image non repetee */
}

/* 893 - jQuery popups */
.loading_indicator {
	background: transparent;
}

/* Responsive, no background image */
@media (max-width: 400px) {
	html, body {
	background-image: none;
	}
}

/* --------------------------------------------------------------------------------------- */
/* colours.css                                                                             */
/* --------------------------------------------------------------------------------------- */

/* 81 / 340 - Round cornered boxes and backgrounds */

.wrap {
	background-color: transparent;
}


.navbar {
	background-color: #fdde8d;
}

.panel,
.panel-container {
	background-color: #eeeeee;
	color: #444444;
	border-radius: 10px;
}
.panel:hover,
.panel-container:hover  {
	background-color: #eeeeee;
}

.bg1 {
	background-color: #fdeec6;
}
.bg1:hover {
	background-color: #fdeec6;
}

table.zebra-list tr:nth-child(odd) td,
ul.zebra-list li:nth-child(odd) {
	background-color: #ffffff;
}
.bg2 {
	background-color: #fdf5e1;
}
.bg2:hover {
	background-color: #fdf5e1;
}

table.zebra-list tr:nth-child(even) td,
ul.zebra-list li:nth-child(even) {
	background-color: #ffffff;
}
.bg3 {
	background-color: transparent;
}

#options-panel.panel,
#attach-panel.panel,
#poll-panel.panel {
	background-color: #eeeeee;
}

.bg3:hover {
	background-color: transparent;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #fae1a0;
	color: #000;
}

table.table1 tbody td {
	border-bottom-color: #ffffff;
}

div.panel.bg2.aeronet  {
	background-color: #d3d3d3;
}

/* Dropdown menu */

/* 363 - Dropdown menu */
.dropdown {
	border-radius: 0;
}
.dropdown .dropdown-contents {
	border-radius: 5px;
	background-color: #f5f5f5;
}
.dropdown-contents a {
	text-decoration: none;
}


/* 1090 - jQuery popups */
.dropdown-extended ul li {
	border-top-color: #cccccc;
}
.dropdown-extended ul li:hover {
	background-color: #fdf5e1;
}
.dropdown-extended .header, .dropdown-extended .footer {
	border-color: #cccccc;
}
.dropdown-extended .header {
	background: #fdeec6;
	filter: none;
}
.dropdown-extended .pointer-inner {
	border-color: #ffffff transparent;
}
.dropdown-up .dropdown-contents {
	box-shadow: 1px -3px 5px rgba(0, 0, 0, 0.2);
}




/* 284 - Miscellaneous styles */
.copyright {
	color: #5d7990;
}
.copyright a { color: #5d7990;  }

.reported {
	background-color: #f7edef;
}

p.post-notice.reported {
	background-color: #ecd5d8;
	border-radius: 4px;
}
.reported:hover {
	background-color: #f7edef;
}

li.reported:hover {
	background-color: #ecd5d8 !important;
}

/* 318 - Colours and backgrounds for content.css */
ul.forums {
	background-color: #fdf5e1;
	background-image: none;
	filter: none;
}
li.row {
	border-bottom-color: #ffffff;
}
li.row:hover {
	background-color: #fae1a0;
}

li.aeroads:hover {
	background-color: #e5e5e5;
}

#wrap .navbar {
	border-radius: 5px;
}

/*#page-header .navbar {
	border-radius: 0;
*/

.forabg {
	border-radius: 5px;
	margin-bottom: 5px;
	padding: 0;
}
.forumbg {
	border-radius: 5px;
	margin-bottom: 5px;
	padding: 0;
}
.panel {
	border-radius: 5px;
}
.post {
	border-radius: 5px;
}

.cp-main .pm {
	background-color: #fdf5e1;
}

/* Stat-block */

.stat-block h3 {
	border-radius: 5px 5px 0 0;
}

/* 388 - Topic and forum Search */
.search-box .inputbox {
	border-radius: 5px;
	background-color: #ffffff;
}

/* ICONES FORUM TOPIC MP */

/* Forum icons & Topic icons */
.row-item:before {
    left: 10px;
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.global_read:before,
.global_read_mine:before,
.global_read_locked:before,
.global_read_locked_mine:before { 
	content: url("./images/global_read.svg"); 
	background-color: transparent; 
	cursor:default;
}
.global_unread:before,
.global_unread_mine:before,
.global_unread_locked:before,
.global_unread_locked_mine:before { 
	content: url("./images/global_unread.svg"); 
	background-color: transparent; 
	cursor:default;
}
.announce_read:before,
.announce_read_mine:before { 
	content: url("./images/announce_read.svg"); 
	background-color: transparent; 
	cursor:default;
}
.announce_unread:before,
.announce_unread_mine:before { 
	content: url("./images/announce_unread.svg"); 
	background-color: transparent; 
	cursor:default;
}
.announce_read_locked:before,
.announce_read_locked_mine:before { 
	content: url("./images/announce_read_locked.svg"); 
	background-color: transparent; 
	cursor:default;
}
.announce_unread_locked:before,
.announce_unread_locked_mine:before { 
	content: url("./images/announce_unread_locked.svg"); 
	background-color: transparent; 
	cursor:default;
}
.sticky_read:before,
.sticky_read_mine:before { 
	content: url("./images/sticky_read.svg"); 
	background-color: transparent; 
	cursor:default;
}
.sticky_unread:before,
.sticky_unread_mine:before { 
	content: url("./images/sticky_unread.svg"); 
	background-color: transparent; 
	cursor:default;
}
.sticky_read_locked:before,
.sticky_read_locked_mine:before { 
	content: url("./images/sticky_read_locked.svg"); 
	background-color: transparent; 
	cursor:default;
}
.sticky_unread_locked:before,
.sticky_unread_locked_mine:before { 
	content: url("./images/sticky_unread_locked.svg"); 
	background-color: transparent; 
	cursor:default;
}

.forum_read:before,
.forum_read_subforum:before,
.topic_read:before,
.topic_read_mine:before	{ 
	content: url("./images/forum_topic_read.svg"); 
	background-color: transparent; 
	cursor:default;
}
.forum_read_locked:before,
.topic_read_locked:before,
.topic_read_locked_mine:before {
	content: url("./images/forum_topic_read_locked.svg"); 
	background-color: transparent; 
	cursor:default; 
}
.forum_unread:before,
.forum_unread_subforum:before,
.topic_unread:before,
.topic_unread_mine:before {
	content: url("./images/forum_topic_unread.svg"); 
	cursor:default;
}
.forum_unread_locked:before,
.topic_unread_locked:before,
.topic_unread_locked_mine:before {  
	content: url("./images/forum_topic_unread_locked.svg"); 
	cursor:default;
}

.forum_link:before { 
	content: url("./images/forum_topic_link.svg"); 
	cursor:default; 
	background-color: transparent;z
}

.topic_moved:before { 
	content: url("./images/forum_topic_moved.svg"); 
	background-color: transparent; 
	cursor:default; 
}
.topic_read_hot:before,
.topic_read_hot_mine:before {  
	content: url("./images/topic_read_hot.svg"); 
	background-color: transparent; 
	cursor:default;
}
.topic_unread_hot:before,
.topic_unread_hot_mine:before { 
	content: url("./images/topic_unread_hot.svg"); 
	cursor:default; 
}

.pm_read:before,
.pm_read_mine:before	{ 
	content: url("./images/pm_read.svg"); 
	background-color: transparent; 
	cursor:default; 
}
.pm_unread:before,
.pm_unread_mine:before { 
	content: url("./images/pm_unread.svg"); 
	cursor:default; 
}

/* FONT TYPE */

h2 {
	/* Forum header titles */
	font-family: bebasregular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2em;
    word-spacing:4px;
	margin: 0.8em 0 0.2em 0;
	line-height:normal;
}

h2.solo {
	margin-bottom: 1em;
}

/* Post Body - content.css */

/* 248 - Post Title */

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	float: left;
	font-size: 1.5em;
	padding: 2px 0 0 0;
	margin-top: 0 !important;
	margin-bottom: 0.3em !important;
	text-transform: none;
	border: none;
	font-family: Lato, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
}

/* 328 - Post text */
.content {
	clear: both;
	min-height: 3em;
	overflow: hidden;
	line-height: 150%;
	font-family: Lato, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	padding-bottom: 1px;
}



/* FORUM BG TITLE */

a.forumtitle {
    font-family: Lato, "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

/* 71 - Topic Title */

a.topictitle {
	font-family: Lato, "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}

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

/* UCP */

h2.ucp-title {
	margin-bottom: 0;
}

p.linkmcp.responsive-center {
	margin-bottom: 10px;
}
.tabs {
	width: 78%;
	padding-left: 22%;
	margin-top: 0;
	margin-bottom: 0;
    margin: 0 0 5px 5px;

}

/* PRIVATE MESSAGE  */

.cp-menu hr {
	border-color: transparent;
	/*margin-right: 5px;*/
}

.panel-container .panel li.row {
	border-bottom-color: #ffffff;
	border-top-color: transparent;
}


.tabs .tab > a {
	border-radius: 5px;
}


.navigation li:first-child a {
	border-top-left-radius: 5px;
}
.navigation li:last-child a {
	border-bottom-left-radius: 5px;
}

@media (max-width: 900px) {
	.navigation li:first-child a {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.navigation li:last-child a {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
}

/* POSTING OPTION PANELS */

div#tabs.tabs.sub-panels {
	padding-left: 0;
	width: 100%;
	margin: 20px 0 5px 5px;
}

/* Notification Badge */

.badge {
	background-color: #dd4552;
    color: #ffffff;
	border-radius: 10px;
	opacity: 0.9;
	text-align: center;
	white-space: nowrap;
	font-size: 10px;
	line-height: 1;
	float: right;
	display: inline-block;
	margin-left: 3px;
	vertical-align: baseline;
	position: relative;
	top: 3px;
	padding: 4px 6px;
}

.badge.hidden {
	display: none;
}

/* --------------------------------------------------------------------------------------- */
/* buttons.css                                                                             */
/* --------------------------------------------------------------------------------------- */
/* 1 - Button Styles */
.button {
	border-radius: 5px;
}

/* --------------------------------------------------------------------------------------- */
/* common.css                                                                              */
/* --------------------------------------------------------------------------------------- */

/* 809 / 83 - Pagination */


.pagination li a,
.pagination li span {
	border-radius: 4px;
}

.row .pagination li a, .row .pagination li span {
	border-radius: 2px;
	border-color: #84837f;
	background-color: transparent;
	padding: 1px 3px;
	font-size: 9px;
	color: #84837f;
}

.row .pagination li a:hover {
	background-color: #fdf5e1;
}

/* Icons & Button icons */

.profile-contact .fa-commenting-o:before 		{ content: "\f2bc"; color:#84837f; }
.profile-contact .fa-commenting-o:hover:before 	{ color: #ef8f01; }

.nav-main .fa-inbox:before 						{ content: "\f0e0"; }
.dropdown-contents .fa-sliders:before 			{ content: "\f2be"; }
.dropdown-contents .fa-user:before 				{ content: "\f24a"; }
.dropdown-contents .fa-shield::before 			{ content: "\f132"; }
.nav-footer .fa-shield::before 					{ content: "\f132"; }
.lastpost .fa-external-link-square:before 		{ content: "\f090"; color: #757472; }
.row-item .fa-file::before						{ content: "\f08b"; color: #757472; font-size:1.25em; } 
.pagination span .fa-clone:before				{ color: "\f24d"; color: #84837f; }
.row-item .fa-file-o:before 					{ content: "\f0e5"; }



/* Icon from FontAwesome iso Profalt */

.icon, .button .icon, blockquote cite:before, .uncited:before,  {
	display: inline-block;
  	font-weight: normal;
  	font-style: normal;
  	font-variant: normal;
  	font-family: FontAwesome;
  	font-size: 14px;
  	line-height: 1;
  	text-rendering: auto; /* optimizelegibility throws things off #1094 */
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
.profile-contact .fa-commenting-o:before 		
.profile-contact .fa-commenting-o:hover:before 	

.nav-main .fa-inbox:before 						
.dropdown-contents .fa-sliders:before 			
.dropdown-contents .fa-user:before 				
.dropdown-contents .fa-shield::before 			
.nav-footer .fa-shield::before 					
.lastpost .fa-external-link-square:before 		
.row-item .fa-file::before			
.row-item .fa-file-o:before,
			

/* Icon from FontAwesome iso Proflat */

/** content.css **/

/* 404 Post signature */

.signature {
    font-family: Lato, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    margin-top: 1.5em;
    padding-top: 0.2em;
    font-size: 1.1em;
    border-top: 1px solid transparent;
    clear: left;
    line-height: 140%;
    overflow: hidden;
    width: 100%;
	border-top-color: #cccccc;
}

/* 436 Post notice (last edited by...) */

.notice {
    font-family: Lato, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    width: auto;
    margin-top: 1.5em;
    padding-top: 0.2em;
    font-size: 0.9em;
    border-top: 1px dashed transparent;
    clear: left;
    line-height: 130%;
	border-top-color: #cccccc;
}
/* 447 Board rules */
div.rules {
	background-color: #ecd5d8;
	color: #BC2A4D;
	border-radius: 5px;
	opacity: 0.8;
	padding: 10px 15px 10px 15px;
}

/* --------------------------------------------------------------------------------------- */
/* forms.css                                                                               */
/* --------------------------------------------------------------------------------------- */

/* 329 / 273 - Form button styles */
input.button1, input.button2 {
	font-size: 13px;
	border-radius: 5px;
}


.mention {
    background: #1221;
    color: #235;
    font-size: 0.9em;
    height: 1.5em;
    border-radius: 0.75em;
    padding: 0 0.6em;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
}

/* --------------------------------------------------------------------------------------- */
/* Social Share                                                                            */
/* --------------------------------------------------------------------------------------- */


/* container */

.social {
	margin: 100px auto;
	text-align: center;
	width: 50px;
	position: fixed;
	z-index: 9999;
	top: 18%;
	right: 25px;
	background: transparent;
	overflow-x: hidden;
	padding: 8px 0;
}

/* buttons */

.social a {
	width: 40px;
  	height: 40px;
  	display: inline-block;
  	margin-top: 16px;
  	border-radius: 50%;
  	font-size: 22px;
  	color: #fff;
	opacity: 0.4;
}


.social a:hover {
	width: 50px;
  	height: 50px;
  	font-size: 30px;
	opacity: 1;
	transition: opacity 0.4s linear;
}
	
/* icons */

.social i {
  	position: relative;
  	top: 30%;
  	transform: translateY(-30%);
}

/* colors */

.facebook {
 	background: #394a58;	
}
.facebook:hover {
 	background: #4267b2; /* #3b5998; */
	transition: opacity 0.3s linear;
}

.twitter {
 	background: #394a58; 
}
.twitter:hover {
  	background: #1ea1f2;   /* #55acee; */
	transition: opacity 0.3s linear;
}

.linkedin {
 	background: #394a58;	
}
.linkedin:hover {
  	background: #0077b5;
	transition: opacity 0.3s linear;
}

.whatsapp {
 	background: #394a58;	
}
.whatsapp:hover {
  	background: #08e676;   /* #2ab200; */
	transition: opacity 0.3s linear;
}

.courriel {
 	background: #394a58;	
}
.courriel:hover {
  	background: #bc1515;
	transition: opacity 0.3s linear;
}
}
@media only screen and (min-width: 700px), only screen and (min-device-width: 700px) {
	.social {
		display: block;
	}
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.social {
		display: none;
	}
}

/* --------------------------------------------------------------------------------------- */
/* Social Share Mobile                                                                           */
/* --------------------------------------------------------------------------------------- */

.socialite {

	padding: 0;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
}

.socialite a {
	width: 19%;
  	height: 40px;
  	display: inline-block;
	background: #394a58;
	opacity: 0.8;
	text-align: center;
	font-size: 24px;
	line-height: 40px;
  	color: #fff;
	margin-top: 3px;
}

/* colors */

.facebooklite {
 	background: #4267b2; /* #3b5998; */
}
.twitterlite {
  	background: #1ea1f2;   /* #55acee; */
}

.linkedinlite {
  	background: #0077b5;
}
.whatsapplite {
  	background: #08e676   /* #2ab200; */
}
.courrielite {
  	background: #bc1515;
}

@media only screen and (min-width: 700px), only screen and (min-device-width: 700px) {
	.socialite {
		display: none;
	}
}