html {
	position: relative;
	min-height: 100%;
}

body {
	margin: 0; /* ! Because of #co-footer */
	padding: 0;
}

button {
	cursor: pointer;
}

.bold {
	font-weight: bold;
}
/* Links <a>
/* ---------- */
a:focus {
	outline: none;
}

a.default {
	color: #333333;
}
a.default-b {
	color: #333333;
	font-weight: bold;
}

a.light-icons,
a.light-icons:focus,
a.light-icons:hover {
	color: #777777 !important;
	text-decoration: none;
}

a.light-icons > .badge {
	color: #ffffff;
	background-color: #777777 !important;
}

/* Headings <h>
/* ------------- */
h1, h2 {
	margin: 0 0 25px;
}

h3, h6 {
	position: relative;
	margin: 10px 0 15px 0;
	border-bottom: 3px solid #DE1402;
	line-height: 32px;
	font-family: Nimbus-Sans-TW01Con;
	font-size: 24px;
	overflow: hidden;
}

h3.title > img, h3.title > i.fa {
	float: right;
	line-height: 1; /* Override .fa-lg 0.75em*/
}

.title_div{
	position: relative;
	margin: 10px 0 15px 0;
	border-bottom: 3px solid #DE1402;
	line-height: 32px;
	font-family: Nimbus-Sans-TW01Con;
	overflow: hidden;
}

.title_div h3 {
	margin: 0px;
	border-bottom: none;
}

/* Other tags
/* ----------- */
hr {
	margin: 0.5em 0;
}

th > div.tooltip {
	font-weight: normal;
}


p.subscription {
	font-size: 21px;
}

.poster {
	width: 300px;
	height: 200px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

video {
	display: block;
}
#videos-container video {
	width: 300px;
	height: 200px;
}
#videos-container .video-js.vjs-default-skin .vjs-big-play-button {
	display: none;
}

.videos-title {
	background-image: url( "/img/laboursetlavie.png" );
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 32px; /* @h3,h6->line-height */
}

p.legend {
	margin: 4px;
	font-size: 12px;
}

/* Global classes
/* --------------- */
.co-logo {
	max-width: 100%;
	height: auto;
}
@media (max-width: 767px) {
	.co-logo {
		height: 48px;
	}
}

.form-control {
	margin: 0 0 20px 0;
}

.form-inline .form-control {
	/* margin: 0; */
}

.checkbox, .radio {
	/* Compensation for BS rule: .checkbox input[type=checkbox] margin-left: -20px */
	padding-left: 20px;
}
/* Exception */
#watchlist-form .radio {
	padding: 0;
}

.color-pos {
	color: #008000;
}

.color-neg {
	color: #ff0000;
}

/* ------------------------------------------------------------ */
/* Header
/* Example: http://getbootstrap.com/examples/navbar-static-top/
/* ------------------------------------------------------------ */
.navbar {
	margin: 0;
	z-index: auto;
}
.navbar-nav > li > a {
	padding: 15px 8px; /* Default BS: 8px */
}

/* ----------------
/* Tabs - submenu
/* ---------------- */
.nav-tabs > li > a {
	padding: 0 15px;
	border-color: #dddddd;
	color: #333333;
	line-height: 32px;
}

.nav-tabs > li > a > i {
	display: block; /* Fotn-awesome icons */
}

.nav-tabs > li.pull-right {
	position: static; /* ! For better BS tooltip's width */
}

.nav-tabs > li.pull-right > a {
	padding: 0 2px;
	border: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active:hover > a {
	background-color: #DE1402;
	color: #ffffff;
}
.nav-tabs > li.active .badge {
	background-color: #ffffff;
	color: #DE1402;
}


/* -------
/* Footer
/* ------- */
#co-footer {
	width: 100%;
	line-height: 30px;
	border-top: 3px solid #DE1402;
	background-color: #000000;
	color: #ffffff;
}
#co-footer p {
	margin: 5px 0;
}
#co-footer a {
	color: #ffffff;
}
#co-footer img {
	max-height: 32px;
}
#footer-container {
	padding: 10px 0 10px 140px;
	background-image: url( "/img/finork_footer.png" );
	background-repeat: no-repeat;
	background-position: 10px center;
}

/* -----------------------------------
/* Override Twitter Typeahead styles
/* ----------------------------------- */
.twitter-typeahead {
	display: table-cell !important;
}
#searchbox-members.form-control.tt-input {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}
.tt-menu {
	width: 100% !important;
	max-width: 350px;
	margin-top: 5px;
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion {
	padding: 3px 5px;
	font-size: 12px;
	line-height: 24px;
}
.tt-suggestion:hover, .tt-suggestion.tt-cursor {
	color: #ffffff;
	background-color: #000000;
	cursor: pointer;
}
.tt-footer {
	text-align: center;
}
.tt-footer > a {
	color: #c6003b;
	font-weight: bold;
}
.tt-suggestion:hover > a, .tt-suggestion.tt-cursor > a {
	color: #ffffff;
	text-decoration: none;
}

/* -------------
/* Left sidebar
/* ------------- */
#co-container-panels > .row {
	overflow: hidden;
}
#co-left-panel,
#co-right-panel {
	margin-bottom: -99999px;
    padding-bottom: 99999px;
}
#co-left-panel {
	border-right: 1px solid #555555;
}

/* --------
/* Block A
/* -------- */
.co-block-a {
	margin: 0 0 15px 0;
}
.co-block-a > .co-block-item {
	margin: 0;
	padding: 0;
}
.co-block-a > .co-block-item > span {
	display: block;
	text-align: center;
}
.co-block-a > .co-block-item > a {
	color: #000000; /* Default BS text color */
	font-weight: bold;
}
.co-block-a > .co-block-item > a > span {
	font-weight: normal;
}
.co-block-a > .co-block-item:hover > a {
	color: #555555;
}
.co-block-a > .co-block-item > a.pull-right {
	visibility: hidden;
}
.co-block-a > .co-block-item:hover > a.pull-right {
	visibility: visible;
}

/* --------
/* Block B
/* -------- */
.co-block-b {
	margin: 0 0 15px 0;
}
.co-block-b > h4 {
	margin: 0 0 8px 0;
}
.co-block-b > h6 {
	margin: 4px 0;
	line-height: 1;
}
.co-block-b > h6.underline {
	border-bottom: 1px solid #333333;
}
.co-block-b > h6 > a {
	display: block;
	color: #333333;
	font-size: 20px;
}
.co-block-b > h6 > small {
	line-height: 20px;
	color: #777777;
	font-size: 16px;
}
.co-block-b > h6:hover > a {
	color: #555555;
}
.co-block-b > .co-block-item {
	margin: 0;
	padding: 0;
}
.co-block-b > .co-block-item > span.date {
	display: block;
	color: #777777;
	font-size: 11px;
}
.co-block-b > .co-block-item > span.btn-container {
	display: block;
	margin: 10px 0;
	text-align: center;
}

/* --------
/* Block C
/* -------- */
.co-block-6 {
	margin: 0 0 15px 0;
}
.co-block-c > .title {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cecece;
}
.co-block-c > .title > a {
	color: #000000; /* Default BS text color */
	font-weight: bold;
}
.co-block-c > .title:hover > a {
	color: #555555;
}
.co-block-c > .title > span {
	font-size: 12px;
}
.co-block-c > .info {
	margin: 0;
	padding: 0;
}
.co-block-c .toolbar {
	padding: 4px;
}
.co-block-c .toolbar > a {
	margin-right: 16px;
}
@media (min-width: 768px) {
	.co-block-c .toolbar {
		float: right;
	}
}

/* --------
/* Block D
/* -------- */
.co-block-d {}
.co-block-d h3 {
	/* Inherit h3.title and override only margin */
	margin: 0;
}
.co-block-d table {
	margin: 0;
}


/* --------
/* Block E
/* -------- */
.co-block-e {
	margin: 0 0 15px 0;
	border-bottom: 1px solid #333333;
}
.co-block-e > h6 {
	margin: 4px 0;
	line-height: 1;
	border: none;
}
.co-block-e > h6 > a {
	display: block;
	color: #333333;
	font-size: 20px;
}
.co-block-e > h6:hover > a {
	color: #555555;
}
.co-block-e > h6 > small {
	float: right;
	line-height: 20px;
	color: #777777;
	font-size: 16px;
}
.co-block-e > .co-block-item {
	margin: 0;
	padding: 0;
}


/* ----------------
/* forum-info.html
/* ---------------- */
.co-panel-heading {
	line-height: 24px;
}
.co-panel-heading > * {
	margin-right: 8px;
}
.co-panel-heading > a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.co-panel-heading img {
	max-height: 24px;
}

.forum-attachments-container > img {
	max-width: 100%;
	vertical-align: bottom;
}

#attachments-container {
	padding: 15px 0;
}
#attachments-container:empty {
	padding: 5px;
}

/* -----------------------------------
/* Common BS modal (placed in footer)
/* ----------------------------------- */
#information-modal .modal-dialog {
	margin-top: 100px;
	width: 500px;
}
#information-modal .modal-header {
	padding: 5px 15px;
}
#information-modal .alert {
	margin: 0;
}
@media (max-width: 767px) {
	#information-modal .modal-dialog {
		width: auto;
	}
}


/* -------------------------------------------
/* BS column without padding when `xs` deivce
/* ------------------------------------------- */
.co-col-padding {
	padding: 0 2px;
}

@media (max-width: 767px) {
	.co-col-padding {
		padding: 0 15px;
	}
}

/* ---------------------------------
/* Remove href values when printing
/* Bootstrap put it
/* --------------------------------- */
@media print {
  a[href]:after {
    content: none !important;
  }
}

/* ------------------------------------
/* Table with partners (/parners.html)
/* ------------------------------------ */
#table-partners img {
	height: 35px;
}

/* --------
/* Margins
/* -------- */
.margin-0 {
	margin: 0;
}

/* ------------------
/* Font Awesom icons
/* ------------------ */
.fa-stack {
	height: 1em;
	line-height: 1em;
	width: 1em;
}
.fa.fa-default {
	color: #333333;
}
.fa.fa-primary {
	color: #337ab7;
}
.fa.fa-danger {
	color: #c6003b;
}

.fa.fa-rel-0 { color: #333333; /* Like Bootstrap's .label-default */ }
.fa.fa-rel-1 { color: #333333; /* Like Bootstrap's .label-default */ }
.fa.fa-rel-2 { color: #5BC0DE; /* Like Bootstrap's .label-info */ }
.fa.fa-rel-3 { color: #5CB85C; /* Like Bootstrap's .label-success */ }
.fa.fa-rel-4 { color: #F0AD4E; /* Like Bootstrap's .label-warning */ }
.fa.fa-rel-5 { color: #c6003b; /* Like Bootstrap's .label-danger */ }

/* ------------------------------
/* Format welcome text in header
/* ------------------------------ */
.msg-expire-1 { color: #c6003b; font-weight: bold; /* Like Bootstrap's .label-danger */ }
.msg-expire-2 { color: #F0AD4E; font-weight: bold; /* Like Bootstrap's .label-warning */ }
.msg-expire-3 { color: #5CB85C; font-weight: bold; /* Like Bootstrap's .label-success */ }

/* -----------
/* Selections
/* ----------- */
tr.selected {
	background-color: #FFFFCC;
}

/* -----------------
/* Images / Loaders
/* ----------------- */
img.loader {
	display: none;
	margin: 0 5px;
}
img.small-loader {
	visibility: visible;
}
img.big-loader {
	display: block;
	margin: 0 auto;
}
img#captcha-img {
	width: 120px;
	height: 40px;
}

/* ----------------
/* Alerts / toasts
/* ---------------- */
.toast {
	display: none;
	margin: 8px 0 0;
}

.symex-main {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
a.symex-link-blue {
	color: #428BCA;
	white-space: nowrap;
}
a.symex-link-blue:hover {
	text-decoration: underline;
}


/* -------
/* Header
/* ------- */
.symex-header {
	width: 100%;
	min-height: 89px;
	background-color: #323B44;
}
.symex-header-logo {
	float: left;
	height: 89px;
}
.symex-header-logo h1 {
	/* height: 60px (element includes <img> with height = 60px) */
	margin: 0;
	padding: 0;
}
.symex-header-logo img {
	width: 125px;
	height: 60px;
}
.symex-header-logo p {
	margin: 0;
	padding: 5px 0 10px 0;
	line-height: 14px;
	color: #FFFFFF;
}


/* -------
/* Footer
/* ------- */
.social-icons-footer-bottom {
    float: right;
    margin: 6px 0 0;
}
.social-icons-footer-bottom li {
    display: inline;
    float: left;
    margin-right: 7px !important;
    list-style: none;
}


/* -----------------------------------------
/* Login form
/* http://getbootstrap.com/examples/signin/
/* ----------------------------------------- */
#login-form {}
#login-form {
	max-width: 330px;
	padding: 15px 0;
	margin: 0 auto;
}
#login-form p {
	margin: 5px 0;
	padding: 0;
}
#login-form .checkbox {
	font-weight: normal;
}
#login-form .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#login-form .form-control:focus {
	z-index: 2;
}
#login-form input[type="email"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#login-form input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* ------------------
/* Registration form
/* ------------------ */
#reg-form {}
#reg-form .checkbox {
	font-weight: normal;
}

/* ---------------------------------
/* Contacts (import) form
/* Usage: contact-import-manual.php
/* --------------------------------- */
#contacts-form {
	margin: 20px auto;
}
#contacts-form .checkbox {
	font-weight: normal;
}
#contacts-form .contacts-header {
	padding-left: 8px;
}
#contacts-form .contacts-container {
	max-height: 800px;
	overflow: auto;
}
#contacts-form > #emails-container span.input-group-addon {
	cursor: pointer;
}
#contacts-form .toolbar {
	margin: 20px 0;
}


/* -----------------------------------------
/* Menu import contacts
/* Usage: contacts.php, contacts-import.php
/* ----------------------------------------- */
#menu-import-contacts.nav-pills > li > a {
	padding: 3px;
}
#menu-import-contacts.nav-pills > li.active > a,
#menu-import-contacts.nav-pills > li.active > a:hover,
#menu-import-contacts.nav-pills > li.active > a:focus {
	background-color: #D8DDE7;
}

/* -------
/* Tables
/* ------- */

/* Usage:
/* contacts.php
/* contacts-import.php */
.table.tdefault {
	margin: 0;
}
.table.tdefault label {
	margin: 0;
	font-weight: normal;
}

/* Usage:
/* contacts-list.php */
.table.tlist { /* table-layout: fixed; */ }
.table.tlist > tbody > tr > td { vertical-align: middle; }
.table.tlist > tbody > tr > td > a {
	/* display: block; */ /* All cell will be link */
	/* width: 100%; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	white-space: nowrap;
	color: inherit;
	text-decoration: none;
}

/* -------------------------
/* Usage: messages-send.php
/* ------------------------- */
.recipients {
	/* Similar to bootstrap's `form-control` class */
	margin: 0 0 20px 0;
	padding: 6px 12px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.recipients button {
	margin: 2px;
}
.recipients input[type="text"] {
	width: 80px;
	border: none;
	outline: none;
	line-height: 100%;
}

.sp-btn-attachment {
	position: relative;
	overflow: hidden;
}
.sp-btn-attachment input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 100px;
}

/* -------------------------
/* Usage: messages-list.php
/* ------------------------- */
#messages-search-form {}
#messages-search-form > div.dropdown { min-width: 200px; }
#messages-search-form input.form-control { margin-bottom: 5px; }
#messages-search-form > div.pull-right { padding: 15px 0; }

/* ---------------------------------
/* Usage: all pages with status bar
/* --------------------------------- */
#user-information {}
#user-information p { margin: 10px 0; }
#user-information a.btn { margin: 0 3px; }
#user-information div.progress { width: 230px; }

/* ------------------------------
/* Extend some Bootstrap classes
/* ------------------------------ */
.badge.badge-danger {
	border: 1px solid #EBCCD1;
	background-color: #F2DEDE;
	color: #A94442;
}

.alert.alert-success,
.alert.alert-info,
.alert.alert-warning,
.alert.alert-danger {
	padding: 5px 10px;
}

.glyphicon { top: 0; /* Bootstrap value is 1px but is is bug on webkit browsers */ }
.glyphicon-rel-1 { /* Default styles */ }
.glyphicon-rel-2 { color: #5BC0DE; /* Like Bootstrap's .label-info */ }
.glyphicon-rel-3 { color: #5CB85C; /* Like Bootstrap's .label-success */ }
.glyphicon-rel-4 { color: #F0AD4E; /* Like Bootstrap's .label-warning */ }
.glyphicon-rel-5 { color: #D9534F; /* Like Bootstrap's .label-danger */ }

/* -----------------------------------
/* Progress bar with centered text
/* http://jsbin.com/IBOwEPog/315/edit
/* ----------------------------------- */
.progress { position: relative; }
.progress > .progress-bar > span {
	display: block;
	position: absolute;
	width: 100%;
	color: #333333;
}

/* -----------------------------------
/* Style for page payment
/* ----------------------------------- */
#frm div{
   display:inline
}
#frm div input,#frm div a{
   vertical-align: bottom;
}
.text_secure{
  margin-top:10px;
  margin-left: 10px;
}
.logo_secure_img{
  margin: auto;
}
#table_abonnement td{
  width:29%;
}
#table_abonnement td span{
  margin-left:10px;
}
.red_cross{
   color: #c6003b;
}
.green_cross{
   color: #008000;
}
@font-face {
  font-family: "Nimbus-Sans-TW01Con";
  src: url( "//static.wix.com/services/third-party/fonts/user-site-fonts/fonts/2101adaa-6a98-4fa9-b085-3b04c3722637.eot?#iefix" ) format( "eot" ),
  		url( "//static.wix.com/services/third-party/fonts/user-site-fonts/fonts/8fb1090e-b4d0-4685-ac8f-3d0c29d60130.woff") format("woff"), url("//static.wix.com/services/third-party/fonts/user-site-fonts/fonts/5d5fc44e-e84b-48ca-a5a7-bed8bdbf79a1.ttf") format("truetype"), url("//static.wix.com/services/third-party/fonts/user-site-fonts/fonts/24512b2a-e22d-4ebb-887c-a334d039433c.svg#24512b2a-e22d-4ebb-887c-a334d039433c" ) format( "svg" );
}