html, body {
	font: 16px/21px 'Source Sans Pro', Helvetica, Arial, sans-serif;
	color: #888888;
}

body {
	background-color: #000000;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

.blur_filter_5 {
	-webkit-filter: blur(5px);
	        filter: blur(5px);
}

pre { margin-top: 2rem; padding: 1rem; background-color: #dddddd; color: #000000; text-align: left; }

.div_link { cursor: pointer; }

.icon_link, .icon_link:visited { text-decoration: none; }
.icon_link:hover { text-decoration: none; }

i.fas { vertical-align: middle; }
i.far { vertical-align: middle; }

.inlinebloc								{ text-align: left; }
.inlinebloc > .item				{ display: inline-block; vertical-align: middle; }
.inlinebloc > .item.left	{ text-align: left; }
.inlinebloc > .item.right { text-align: right; }
.inlinebloc > .item:not(:last-child) { padding-right: 10px; }

.tablebloc								{ display: table;	}
.tablebloc.full						{ width: 100%; }
.tablebloc > .item				{ display: table-cell; text-align: center; vertical-align: middle; }
.tablebloc > .item.left		{ display: table-cell; text-align: left; }
.tablebloc > .item.right	{ display: table-cell; text-align: right; }

.text-left		{ text-align: left; }
.text-center	{ text-align: center; }
.text-right		{ text-align: right; }

/* #Images
================================================== */
img.withborder {
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	border: 1px solid #666666;
}


/* Loader */
#loader {
	position: absolute;

	/* top: 0;	left: 0; right: 0;	bottom: 0; */
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	/*background-color: #222730;*/
	background-color: rgba(0, 0, 0, .2);

  -webkit-border-radius: 6px;
          border-radius: 6px;

	z-index: 999; /* makes sure it stays on top */
	margin: -50px 0 0 -50px; /* is width and height divided by two */
	text-align: center;

	display: none;
}

#loader #icon { font-size: 50px; color: var(--global-color-vw3-red); margin: 12px 0 8px 0; }

@-webkit-keyframes blinker { 50% { opacity: 0.0; } }
@keyframes blinker { 50% { opacity: 0.0; } }

#loader #text {
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 1px 1px 0 #000000;

	-webkit-animation: blinker 2s linear infinite;
	        animation: blinker 2s linear infinite;
}
/* /Loader */


/* To Top */
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	overflow: hidden;
	border: none;
	z-index: 1000;

	bottom: .95em;
	right: .95em;

	width: 50px;
	height: 50px;

	color: #ffd65a;
}

#toTop i.fas { font-size: 50px; }
#toTop:hover { color: #098bce; }
#toTop:active, #toTop:focus { outline: none; }
/* /To Top */


/* Entete */
.wrapper_entete {
	background-color: var(--global-color-vw3-red);

  display: block;
  position: fixed;
  top: 0;
  width: calc(100% - 100px);
  height: calc(5rem + 2px);

  z-index: 260;
}

.wrapper_entete .contenu_padding_sides { height: 100% }

.wrapper_entete h1.title1 {
  font-size: 1.750rem;
  font-weight: 700;
  letter-spacing: -0.5px;
	color: #ffffff;
  text-transform: uppercase;
}

.wrapper_entete h2.title2 {
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: uppercase;
	color: #ffffff;

	margin-top: 4px;
}

.wrapper_entete h3 {
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
	color: #ffffff;
}

.wrapper_entete .bloc { display: table; width: 100%; height: 100%; margin: 0 auto; }
.wrapper_entete .bloc .item.icon { display: table-cell; text-align: center; vertical-align: middle; width: 70px; }
.wrapper_entete .bloc .item.img_title { display: table-cell; text-align: center; vertical-align: middle; width: 70px; padding-right: 10px; }
.wrapper_entete .bloc .item.title { display: table-cell; text-align: left; vertical-align: middle; }
.wrapper_entete .bloc .item.infos { display: table-cell; text-align: right; vertical-align: middle; padding-right: 20px; }
.wrapper_entete .bloc .item.infos .bloc { display: inline-block; width: auto; }
.wrapper_entete .bloc .item.infos .bloc .item:not(:last-child) { padding-right: 8px; }

.wrapper_entete .bloc .item.img_title img { max-height: 4rem; }

.wrapper_entete .bloc .item.icon i.fas { font-size: 1.750rem; color: #ffffff; vertical-align: middle; }
/* /Entete */


.wrapper_contenu {
	text-align: center;
	background-color: #eeeeee;
	padding: 1rem 0 2rem 0;
	min-height: calc(100vh - 300px);
}

.wrapper_basdepage {
	text-align: center;
	background-color: #000000;
	padding: 1.5rem 0;
}

.wrapper_basdepage h5,
.wrapper_basdepage h5 a, .wrapper_basdepage h5 a:visited { color: #ffffff; line-height: 130%; }
.wrapper_basdepage h5 a, .wrapper_basdepage h5 a:visited { font-weight: 500; }
.wrapper_basdepage h5 a:hover {	color: #555555; }

.wrapper_basdepage .logo_bottom { max-height: 2rem; }


.wrapper_section_entete {
	text-align: center;
	background-color: #000000;
	padding: 1rem 0;
}
.wrapper_section_entete #section_entete_title { font-size: 1.5rem; font-weight: 600; color: #ffffff; }


/* LOGIN */
.login .login_fs input[type="text"],
.login .login_fs input[type="email"],
.login_fs input[type="password"] {
	font-family: 'Barlow Condensed', 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	background-color: rgba(255, 255, 255, .60);
	color: #000;
	line-height: 110%;

	-webkit-box-sizing: border-box;
					box-sizing: border-box;

	-webkit-border-radius: 6px;
					border-radius: 6px;

	margin-bottom: 20px;
	padding: 12px 24px;
	width: 300px;
	border: 0px;
}

.login img.logo_login { max-width: 24rem; }

.login h2.title {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	font-size: 4rem;
	letter-spacing: -2px;
	line-height: 80%;

	color: rgba(255, 255, 255, .40);
}

.login h6 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #fff;
}

.login .conteneurLogin .auth_box {
	background-color: rgba(0, 0, 0, .80);
	padding: 1rem;
	border: 8px solid var(--global-color-vw3-red);

	-webkit-border-radius: 8px 8px 8px 8px;
	        border-radius: 8px 8px 8px 8px;
}

.login .logo_container {
	padding: 0.5rem;
	background-color: rgba(255, 255, 255, 0.4);

	-webkit-border-radius: 6px;
	        border-radius: 6px;
}

.login .languagepicker {
	background-color: #ffffff;
	display: inline-block;
	padding: 0;
	height: 40px;
	overflow: hidden;
	margin: 0 50px 10px 0;
	vertical-align: top;
	float: left;

	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;

	-webkit-border-radius: 5px;
	        border-radius: 5px;
}

.login .languagepicker.active {
	/* First language is 40px heigh, others are 41px (1px border) */
	height: 81px;
}

.login .languagepicker a { color: #000000; text-decoration: none; }

.login .languagepicker li {
	display: block;
	text-align: left;
	padding: 0px 20px;
	line-height: 40px;
	border-top: 1px solid #eeeeee;
}
.login .languagepicker li:hover { background-color: #eeeeee; }
.login .languagepicker a:first-child li { border: none; background: #ffffff !important; }

.login .languagepicker li img { vertical-align: middle; margin-right: 5px; }
/* /LOGIN */


.layoutListe2 .layoutlist_details { padding: 6px; border: 1px solid #818285; background-color: #ffffff; }
.layoutListe2 .layoutlist_details .listItem { padding: 0 4px; }
.layoutListe2 .layoutlist_details .listItem:not(:last-child) { border-bottom: 1px solid #dddddd; }
.layoutListe2 .layoutlist_details .listItem .binfos { color: #818285; }
.layoutListe2 .layoutlist_details .listItem .binfos .title { color: #444444; font-weight: 600; text-decoration: none; }
.layoutListe2 .layoutlist_details .listItem .binfos i.fas { font-size: 1.5rem; }

.layoutListe2 .layoutlist_details .listItem:hover { background-color: #dddddd; cursor: pointer; }
.layoutListe2 .layoutlist_details .listItem:hover .binfos .title { color: var(--global-color-vw3-red); }


a.btn_back, a.btn_back:visited { font-size: 2rem; font-weight: 600; }
a.btn_back:hover { color: var(--global-color-vw3-red); }

a.btn_add, a.btn_add:visited { font-size: 2rem; font-weight: 600; color: #000000; }
a.btn_add:hover { color: var(--global-color-vw3-red); }


.dataTables_wrapper .input-group .form-control {
	width: 150px;
	height: 28px;
	float: none;
	display: inline-block;
}

table.dttable_skin1 .td_actions a { }
table.dttable_skin1 .td_actions a i.fa { font-size: 1.250rem; vertical-align: baseline; }
table.dttable_skin1 .td_actions a i.fa.fa-times { font-size: 1.5rem; }
table.dttable_skin1 .td_actions a:not(:last-child) { margin-right: 0.5rem; }

table.dttable_skin1 tr.inactive td,
table.dttable_skin1 tr.inactive td a,
table.dttable_skin1 tr.inactive td a:visited { color: red; }

.edit_container {
	padding: 1rem;

	border: 1px solid #cccccc;
	-webkit-border-radius: 6px;
					border-radius: 6px;
}
.edit_container hr { border: solid #cccccc; border-width: 1px 0 0; clear: both; margin: 1rem auto; width: 90%; height: 0; }
.edit_container .edit_footer { text-align: center; padding-top: 0.5rem; }
.edit_container .edit_footer hr { border: solid #cccccc; border-width: 1px 0 0; clear: both; margin: 1rem auto; width: 90%; height: 0; }

.edit_container .btn_view_password:hover { cursor: pointer; }
.edit_container #password_container { display: none; }


.cartes .comment_add_container > .item:last-child { width: 2.5rem; }

.cartes .edit_container a.addCommentLink i.fas { font-size: 1.750rem; color: var(--global-color-vw3-red); vertical-align: middle; }
.cartes .edit_container a.addCommentLink:hover i.fas { color: var(--global-color-gray1); }

.cartes .edit_container a.addRecipientLink i.fas { font-size: 1.750rem; color: var(--global-color-vw3-red); vertical-align: middle; }
.cartes .edit_container a.addRecipientLink:hover i.fas { color: var(--global-color-gray1); }

.cartes .itemsTable tr th { font-weight: 600; color: #000000; border-bottom: 1px solid #777777; padding: 0 10px 4px 0px; }
.cartes .itemsTable td { padding: 4px 10px 4px 0px; }
.cartes .itemsTable tr:not(:last-child) td:not(:first-child) { border-bottom: 1px solid #dddddd; }
.cartes .itemsTable .rEmail { font-weight: 600; }
.cartes .itemsTable .rCell { font-style: italic; }
.cartes .itemsTable a.removeComment i.fas { font-size: 1.250rem; color: #ff0000; vertical-align: middle; }
.cartes .itemsTable a.removeComment:hover i.fas { color: var(--global-color-gray1); }
.cartes .itemsTable a.removeRecipient i.fas { font-size: 1.250rem; color: #ff0000; vertical-align: middle; }
.cartes .itemsTable a.removeRecipient:hover i.fas { color: var(--global-color-gray1); }


.contacts .service_add_select_container { display: inline-block; }
.contacts .service_add_select_container select { width: 17rem; }

.contacts .edit_container a.addServiceLink i.fas { font-size: 1.750rem; color: var(--global-color-vw3-red); vertical-align: middle; }
.contacts .edit_container a.addServiceLink:hover i.fas { color: var(--global-color-gray1); }

.contacts .itemsTable tr th { font-weight: 600; color: #000000; border-bottom: 1px solid #777777; padding: 0 10px 4px 0px; }
.contacts .itemsTable td { padding: 4px 10px 4px 0px; }
.contacts .itemsTable a.removeService i.fas { font-size: 1.250rem; color: #ff0000; vertical-align: middle; }
.contacts .itemsTable a.removeService:hover i.fas { color: var(--global-color-gray1); }


.alignmentLtoC { text-align: left; }
.alignmentRtoC { text-align: right; }

.contenu_padding					{ padding: 10px; }
.contenu_padding_sides		{ padding: 0px 10px; }
.ipad-afficher						{ display: none; }
.ipad-portrait-afficher 	{ display: none; }
.ipad-paysage-afficher		{ display: none; }
.mobile-show							{ display: none; }
.mobile-portrait-afficher { display: none; }
.mobile-paysage-afficher	{ display: none; }


@media only screen and (min-width: 1008px) and (max-width: 1030px) {
  .ipad-cacher						{ display: none; }
	.ipad-afficher					{ display: block; }
  .ipad-paysage-cacher		{ display: none; }
	.ipad-paysage-afficher	{ display: block; }
}


/* #Base 1008 Grid */
@media only screen and (min-width: 1008px) and (max-width: 1259px) {

	html, body { font-size: 14px; line-height: 18px; }

	.contenu_padding				{ padding: 8px; }
	.contenu_padding_sides	{ padding: 0px 8px; }

}


/* #Base  756 Grid */
@media only screen and (min-width: 768px) and (max-width: 1007px) {

	html, body { font-size: 13px; line-height: 17px; }

  .ipad-cacher						{ display: none; }
	.ipad-afficher					{ display: block; }
  .ipad-portrait-cacher		{ display: none; }
	.ipad-portrait-afficher { display: block; }

	.contenu_padding				{ padding: 6px; }
	.contenu_padding_sides	{ padding: 0px 6px; }

	.wrapper_entete { height: auto; }
	.sticky-wrapper.is-sticky .wrapper_entete { height: auto; }
	.wrapper_entete .mmenu_container { display: inline-block; }
	.wrapper_entete .mmenu_trigger_container { display: inline-block; }

}


/* #All Mobile */
@media only screen and (max-width: 767px) {

  .mobile-hide			{ display: none; }
	.mobile-show			{ display: block; }

	.alignmentLtoC, .alignmentRtoC { text-align: center; }

	.contenu_padding_sides		{ padding: 0px 20px; }

	h1, h1 a, h1 a:visited { font-size: 1.625rem; }
	h2, h2 a, h2 a:visited { font-size: 1.250rem; }
	h3, h3 a, h3 a:visited { font-size: 1.125rem; }

	.wrapper_entete {
	  position: static;
	  width: 100%;
	  height: 44px;
	  padding-left: 40px;
	}

	.wrapper_entete .bloc .item.icon { width: 54px; }
	.wrapper_entete .bloc .item.infos { display: none; }
	.wrapper_entete .bloc .item.img_title img { max-height: 3rem; }

	.page-container { margin: 0px; }

	.wrapper_entete .mmenu_container { display: inline-block; }
	.wrapper_entete .mmenu_trigger_container { display: inline-block; }

}


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	html, body { font-size: 13px; line-height: 17px; }

  .mobile-paysage-cacher		{ display: none; }
	.mobile-paysage-afficher	{ display: block; }

}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 479px) {

	html, body { font-size: 12px; line-height: 16px; }

  .mobile-portrait-cacher		{ display: none; }
	.mobile-portrait-afficher { display: block; }

}