﻿html, body {
	height: 100%;
}

button:focus {
	outline: none;
}

a.link-white {
	color: #ffffff;
}

.afficherminsec.hg-hide {
	white-space: normal;
}

/*Headlines and text global styles*/
ul.list-style-inside {
	padding-left: 15px;
}

li.tiret:before {
	content: '- ';
}

h1 {
	font-family: 'MetricWeb-Medium';
	/*font-size: 55px;*/
	line-height: 54px;
	color: #693142;
	margin: 20px 0px !important;
}

h2 {
	font-family: 'MetricWeb-Regular';
	font-size: 16px;
	line-height: 19px;
	color: #e91e63;
	text-transform: uppercase;
	margin: 20px 0;
	letter-spacing: 0.1em;
}

	h2.custom {
		color: #693142;
		margin-top: 20px;
		margin-bottom: 20px;
	}

h3 {
	font-family: 'MetricWeb-Medium';
	font-size: 16px;
	line-height: 19px;
	color: #693142;
	letter-spacing: 0.01em !important;
	font-weight: normal;
}

.content-pane h3 {
	padding: 0 20px;
}

.content-pane ul {
	margin-left: 20px;
	list-style: disc;
}

a, a:link, a:visited, a:active {
	text-decoration: none;
}

p {
	font-family: 'MetricWeb-Regular';
	font-size: 16px;
	line-height: 19px;
	color: #693142;
	padding: 0 20px;
}

.lb-info {
	font-family: 'MetricWeb-Light';
	font-size: 12px;
	line-height: 14px;
}

legende, p.info {
	font-family: 'MetricWeb-Light';
	font-size: 14px;
	line-height: 16px;
	/*color: #693142;*/
}

p.lb-info {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {

	p.lb-info br {
		display: none;
	}

	label p.lb-info {
		display: inline;
		padding: 5px;
	}
}


p.info {
	padding-left: 20px;
	padding-right: 20px;
	margin: 20px 0;
}

	p.info.diff {
		font-family: "MetricWeb-Medium";
		font-size: 16px;
	}

p.light {
	font-family: "MetricWeb-Light";
	font-size: 90%;
}

textarea {
	resize: none !important;
}

div.info-message {
	padding-left: 20px;
	padding-right: 20px;
	/*margin: 20px 0 30px;*/
}

	div.info-message b {
		font-family: "MetricWeb-Medium";
		font-weight: normal;
	}

	div.info-message button {
		float: right;
		margin-top: 10px;
	}

		div.info-message button.send {
			margin-top: 0;
		}

	div.info-message label {
		padding-top: 10px;
		font-family: "MetricWeb-Medium";
	}

	div.info-message label, div.info-message li {
		min-height: 36px;
	}


label input[type="checkbox"] {
	font-family: 'MetricWeb-Regular';
}
input[type='checkbox'] {
	accent-color: #EB2764;
}
input[type='radio'] {
	accent-color: #EB2764;
}

.italic {
	font-family: 'MetricWeb-RegularItalic';
}

.light-italic {
	font-family: 'MetricWeb-LightItalic';
}

.medium-italic {
	font-family: 'MetricWeb-MediumItalic';
}

.bolder, .bold {
	font-family: 'MetricWeb-Medium';
}

.regular {
	font-family: 'MetricWeb-Regular';
}

.light {
	font-family: "MetricWeb-Light";
}

.nowrap {
	white-space: nowrap;
}

.display-block {
	display: block !important;
}

.spacer10 {
	display: block;
	height: 10px;
	margin-bottom: 15px;
}

	.spacer10.gris03 {
		background-color: #F5F3F1;
	}

.btn {
	font-family: "MetricWeb-Medium";
}

@media screen and (max-width: 480px) {
	.btn {
		white-space: normal;
	}
}


/*Body style -- Nécessaire pour que le footer soit en bas--*/
#wrap {
	min-height: 100%;
}

#main {
	/*overflow: auto;*/
	/*padding-bottom: 150px;*/ /* this needs to be bigger than footer height*/
}

/*Paddings, Margins and Floats styles*/
.nopadding {
	padding: 0 !important;
}

.nopaddingright {
	padding-right: 0;
}

.nopaddingleft {
	padding-left: 0;
}

.nopaddingtop {
	padding-top: 0 !important;
}

.nopaddingbottom {
	padding-bottom: 0 !important;
}

.nomargintop {
	margin-top: 0 !important;
}

.nomarginbottom {
	margin-bottom: 0 !important;
}

.paddingtop10 {
	padding-top: 10px;
}

.paddingtop50 {
	padding-top: 50px;
}

.paddingleft20 {
	padding-left: 20px;
}

.paddingright10 {
	padding-right: 10px;
}

.paddingright20 {
	padding-right: 20px !important;
}

.margintop20 {
	margin-top: 20px;
}

.marginbottom10 {
	margin-bottom: 10px;
}

.right {
	float: right;
}

.left {
	float: left;
}

/*HEADER - Menu, Logo*/

/*Navigation*/
/*Logo*/
.top-logo {
	height: 120px;
}

.navbar-header {
	padding-right: 0;
}

/*Menu links style*/

.navbar-default .navbar-collapse {
	border-color: transparent;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.navbar-default .navbar-nav > li > a, .nav-right > li > a {
	font-family: 'MetricWeb-Medium';
	font-size: 16px;
	line-height: 19px;
}

	.navbar-default .navbar-nav > li > a:hover {
		color: #fff;
	}

	.navbar-default .navbar-nav > li > a /*[data-toggle="dropdown"]*/ :focus {
		font-size: 17px;
	}

	.navbar-default .navbar-nav > li > a:hover, .nav-right > li > a:hover {
		text-decoration: none !important;
	}

	.navbar-default .navbar-nav > li > a > ul > li > a {
		font-family: 'MetricWeb-Regu	lar';
		font-size: 16px;
		line-height: 19px;
		color: #ffffff;
	}

		.navbar-default .navbar-nav > li > a > ul > li > a:focus {
			font-size: 17px;
			line-height: 19px;
			color: #ffffff;
		}

/*Menu smartphone*/
@media screen and (max-width: 767px) {

	.navbar-header {
		background-color: #e91e63;
	}

	.navbar-default {
		background-color: #7a7476;
	}

		.navbar-default .navbar-brand {
			padding: 40px 30px;
		}

		.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
			background-color: transparent;
		}

	.navbar-collapse {
		padding-left: 25px;
	}


	.navbar-default .navbar-toggle[aria-expanded="true"] {
		background-color: #797375;
	}

		.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar {
			display: none;
		}

		.navbar-default .navbar-toggle[aria-expanded="true"] .icon-fermer {
			display: block;
			color: #ffffff !important;
			font-size: 22px;
			display: block;
		}

	.navbar-default .navbar-toggle .icon-fermer, .navbar-default .navbar-toggle[aria-expanded="false"] .icon-fermer {
		display: none;
	}


	.navbar-nav .open .dropdown-menu {
		background-color: #585253 !important;
		margin-left: -10px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff !important;
		font-size: 14px;
	}

		.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:active {
			color: #f5f3f1;
		}

	.navbar-nav > li > .dropdown-menu > li {
		margin-left: 25px;
	}

	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 10px;
	}

	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		margin-left: -2px;
		padding-left: 7px;
	}
}

/*Navigation right*/

@media screen and (max-width: 767px) {

	.nav.navbar-right, .side-bar {
		display: none;
	}
}

ul.nav-right {
	list-style: none;
	padding: 0;
	margin-top: 10%;
}

	ul.nav-right i {
		padding: 6px 12px;
	}

.navbar-right a, .navbar-right button i {
	color: #861650;
}

.navbar-right input {
	background-color: #c2185b;
	color: #ffffff;
}


/*Search button*/
.btn-search, .btn-search:hover, .btn-search:focus, .btn-search:active {
	background-color: transparent;
	border: none !important;
}


.navbar-right .btn, .form-group .btn.btn-icon {
	font-family: "MetricWeb-Medium";
	font-size: 15px !important;
	padding: 6px 12px;
	background-color: transparent;
	color: inherit;
	border: none;
}


/*MAIN PAGE - CONTENT*/
.page_main {
	background-color: #fefefe;
}

	.page_main h1 {
		padding-left: 20px;
		padding-right: 20px;
	}

		.page_main h1.custom {
			margin: 20px 0;
		}

			.page_main h1.custom:first-child {
				margin: 0 0 20px;
			}

		.page_main h1.custom {
			line-height: 0;
		}

@media screen and (max-width: 767px) {
	.page_main h1 {
		font-size: 22px;
		line-height: 24px;
		margin: 10px 0;
	}

		.page_main h1 br {
			display: none;
		}
}

/*Side bar*/
.side-bar {
	background-color: #fefefe;
	height: 100%;
	padding: 15px 0 15px 25px;
}

/*content*/

.content-modules {
	padding-bottom: 40px;
}

@media screen and (max-width: 767px) {

	.content-modules {
		padding-bottom: 10px;
	}
}


.col-form {
	padding-left: 47px;
	/*overflow: hidden;*/
}

@media screen and (max-width: 767px) {

	.col-form {
		padding: 0 8px;
	}
}

.module-pane-left {
	float: left;
}

@media screen and (max-width: 767px) {
	.module-pane-left {
		padding-right: 0px;
	}
}

.content-pane-right {
	float: right;
}

@media screen and (max-width: 767px) {
	.content-pane-right {
		padding-right: 0px;
	}
}

/*login colonne*/
.login {
	padding-top: 21px;
}

@media screen and (max-width: 767px) {

	.login {
		display: none;
	}
}


.login i {
	padding: 0 12px;
	padding-bottom: 150px;
}

.btn-rose {
	color: #fff;
	background-color: #eb2764;
	border-color: none;
}

/*Form fields*/
.bloc-btn-add-padding {
	padding-bottom: 247px !important;
}

.bloc-btn-add-no-padding {
	padding-bottom: 0 !important;
}

.btn-add {
	background-color: #FEFEFE;
	color: #270126;
	border: 1px solid #ccc;
	margin-top: 10px;
	text-align:center;
}

	.btn-add i {
		/*margin-left: 50px;*/
		float: right;
		padding: 2px 0 2px 10px;
	}

	.btn-add span br {
		display: none;
	}

.bloc-gris-fonce .btn-add {
	background-color: #ffffff;
	color: #C2B9BC;
}

.btn-text-left {
	text-align: left;
}

@media screen and (max-width: 767px) {

	.btn-add i {
		margin-right: 10px;
	}

	.btn-add span br {
		display: block;
	}
}

.btn-add i.nomargin {
	margin: 0;
}

/*.ajout-btn span {
   margin-left: 10px;
   padding-top: 6px;
}*/

.ajout-btn button {
	text-align: left;
}

.ajout-btn .lb-info {
	padding-top: 10px;
}

.form-group-bloc-EM.ajout-btn .lb-info {
	padding-top: 20px;
}

@media screen and (max-width: 767px) {
	.ajout-btn .lb-info br {
		display: none;
	}
}

a.btn {
	padding: 5px;
}

	a.btn:hover {
		text-decoration: underline;
	}

.btn-suppr {
	float: right;
	color: #ADA5A8;
	font-size: 16px;
	text-transform: capitalize;
	letter-spacing: normal;
	text-decoration: none !important;
}

	.btn-suppr:hover {
		text-decoration: none;
		cursor: pointer;
	}

button.btn-suppr {
	padding: 0;
}

	button.btn-suppr:focus {
		color: #e91e63;
	}

@media screen and (max-width: 767px) {

	.btn-suppr > span {
		display: none;
	}
}

/*Alerts info*/

.alert.alert-info a {
	color: #2c6868 !important;
}


/*Blocs*/
.bloc {
	margin-bottom: 10px;
	height: auto;
	background-color: #ffffff;
/*	-moz-box-shadow: 0px 0px 3px 0px #cfcfcf;
	-webkit-box-shadow: 0px 0px 3px 0px #cfcfcf;
	-o-box-shadow: 0px 0px 3px 0px #cfcfcf;
	box-shadow: 0px 0px 3px 0px #cfcfcf;*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=3);
	display: inline-block;
	width: 100%;
}

	.bloc .alert {
		font-size: 14px;
		padding: 15px;
	}

	.bloc .button {
		position: absolute;
		bottom: 20px;
		right: 35px;
		margin-left: auto;
		margin-right: auto;
	}

	.bloc h2 {
		padding: 0 20px !important;
		margin: 20px 0;
	}

	/*@media screen and (max-width: 767px) {
   .bloc h2 {
      padding: 0 10px;
   }
}*/

	.bloc > p {
		padding: 0px 20px 10px 20px;
	}

	.bloc p.info {
		padding-left: 0px;
		padding-right: 0px;
	}

	.bloc .accordeon-section {
		margin: 0 0 10px;
	}

		.bloc .accordeon-section.accordeon-section-last {
			margin: 0;
		}

@media screen and (max-width: 768px) {
	.bloc .form-group-bloc.bloc-gris.accordeon {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.bloc .form-group.form-group-bloc p {
		padding: 0px;
	}
}

.bloc .form-group.form-group-bloc .input-lb {
	padding-top: 7px;
}

@media screen and (max-width: 767px) {
	.bloc .form-group.form-group-bloc .input-lb {
		padding-top: 0px;
	}
}

.bloc .form-group-bloc, .bloc-gris .form-group-bloc, .bloc-gris-fonce .form-group-bloc {
	padding: 0 40px;
	margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
	.bloc .form-group-bloc, .bloc-gris .form-group-bloc, .bloc-gris-fonce .form-group-bloc {
		margin: 0 0 20px;
	}
}


.bloc .form-group.form-group-bloc .col-sm-1, .bloc .form-group.form-group-bloc .col-md-1 {
	text-align: center;
}

.bloc .form-group.form-group-bloc.ajout-btn {
	padding-left: 20px;
}

.bloc .form-group.form-group-bloc.upload-docs {
	padding-left: 20px;
}

.bloc .upload-docs p {
	font-family: "MetricWeb-Medium";
	margin-right: -20px;
	display: inline-block;
}

.bloc .form-group.form-group-bloc.upload-docs i {
	margin-left: 5px;
	font-size: 14px;
}


@media screen and (max-width: 767px) {

	.bloc .form-group-bloc, .bloc-gris .form-group-bloc, .bloc-gris-fonce .form-group-bloc {
		padding: 0 20px;
	}

	.bloc label br {
		display: none;
	}

	/*.bloc .form-group.form-group-bloc:first-child {
      padding: 20px 20px 0 20px;
   }*/

	.bloc .form-group.form-group-bloc > div, .bloc .form-group.form-group-bloc > label {
		padding-right: 0;
	}
}

.bloc-gris-fonce .form-group-bloc.first{
	padding-top: 30px;
}

.bloc .form-group-bloc.first {
	margin: 20px 0 30px;
}

.bloc .form-group-bloc.last {
	margin: 30px 0 40px;
}

.bloc .form-group-bloc:last-child {
	padding-bottom: 30px;
	margin-bottom: 0;
}

.bloc .form-group-bloc.radios-marg-bot {
	margin: 0 0 10px;
}

	.bloc .form-group-bloc.radios-marg-bot.accordeon {
		margin: 0;
	}


.bloc .form-group-bloc p {
	padding: 0;
}

.bloc .form-group-bloc label.input-in span {
	display: inline-block;
	padding-bottom: 4px;
}

ul.num-isan li input {
	background-color: #ffffff;
}

.bloc .form-group-bloc ul.list-inline.num-secu,
ul.list-inline.num-isan {
	margin-left: 0;
}

.bloc .form-group-bloc ul.num-secu li,
ul.num-isan li {
	float: left;
	padding: 0;
	margin: 0;
}

	.bloc .form-group-bloc ul.num-secu li:not(:first-of-type),
	ul.num-isan li:not(:first-of-type) {
		margin-left: 4px;
	}

	.bloc .form-group-bloc ul.num-secu li:nth-child(1) {
		width: 9%;
	}

	.bloc .form-group-bloc ul.num-secu li:nth-child(2),
	.bloc .form-group-bloc ul.num-secu li:nth-child(3),
	.bloc .form-group-bloc ul.num-secu li:nth-child(4),
	.bloc .form-group-bloc ul.num-secu li:nth-child(7) {
		width: 12%;
	}

	ul.num-isan li:nth-child(5),
	ul.num-isan li:nth-child(8) {
		width: 8%;
	}

	ul.num-isan li:nth-child(1),
	ul.num-isan li:nth-child(2),
	ul.num-isan li:nth-child(3),
	ul.num-isan li:nth-child(4),
	ul.num-isan li:nth-child(6),
	ul.num-isan li:nth-child(7) {
		width: 12%;
	}


	.bloc .form-group-bloc ul.num-secu li:nth-child(5),
	.bloc .form-group-bloc ul.num-secu li:nth-child(6) /*,
	ul.num-isan li:nth-child(5),
	ul.num-isan li:nth-child(6)*/ {
		width: 15%;
	}


	.bloc .form-group-bloc ul.num-secu li input {
		padding: 6px 4px;
	}

	ul.num-isan li input {
		padding: 6px 3px;
		text-align: center;
	}

.bloc .popover.error-field,
.bloc .popover.warning-field,
.bloc .popover.info-field {
	display: block;
	position: static;
	background-color: #fefefe;
	max-width: none;
	min-width: 0;
	font-family: "MetricWeb-Medium";
	font-weight: 400;
	color: #EB2764;
	border-radius: 0;
	box-shadow: none;
	border: none;
}

	.bloc .popover.error-field .popover-content,
	.bloc .popover.warning-field .popover-content,
	.bloc .popover.info-field .popover-content {
		position: relative;
		top: -11px;
		padding: 8px 8px 0;
	}

		.bloc .popover.info-field .popover-content a {
			color: #2c6868 !important;
		}

	.bloc .popover.error-field > .arrow,
	.bloc .popover.error-field > .arrow::after,
	.bloc .popover.warning-field > .arrow,
	.bloc .popover.warning-field > .arrow::after,
	.bloc .popover.info-field > .arrow,
	.bloc .popover.info-field > .arrow::after {
		position: relative;
	}

		.bloc .popover.error-field > .arrow.minsec {
			left: 25% !important;
		}

	.bloc .popover.error-field > .arrow {
		border-bottom-color: #fefefe;
	}

		.bloc .popover.error-field > .arrow::after {
			border-bottom-color: #fefefe;
		}

.bloc .popover.info-field {
	background-color: #540352;
	color: #fefefe;
}
.popover-content-duree {
	position: relative;
	top: -11px;
	padding: 0px;
}
	.bloc .popover.info-field > .arrow {
		border-bottom-color: #540352;
	}

		.bloc .popover.info-field > .arrow::after {
			border-bottom-color: #540352;
		}
        
.bloc .popover.warning-field {
	background-color: #ffc600;
	color: #fff;
}

	.bloc .popover.warning-field > .arrow {
		border-bottom-color: #ffc600;
	}

		.bloc .popover.warning-field > .arrow::after {
			border-bottom-color: #ffc600;
		}

.bloc .datepicker ul.dropdown-menu {
	display: inline-table !important;
	background-color: #fff;
	border: 1px solid #cfcfcf;
	padding: 4px;
}

.table > thead > tr > th {
	vertical-align: middle;
}

.bloc .ng-table th.sortable .sort-indicator {
	/*padding-right: 10px;
    float: right;*/
	float: left;
}

.bloc .ng-table > tbody > tr:hover {
	background-color: #B7E2E2;
}

.bloc .ng-table th.sortable.sort-desc, .bloc .ng-table th.sortable.sort-asc {
	background-color: transparent;
}

.bloc .ng-table-pager .ng-table-counts {
	display: none;
	visibility: hidden;
}

@media screen and (max-width: 768px) {
	.bloc .table_messages.ng-table thead,
	.bloc .table_messages.ng-table td[data-title="'Expéditeur'"],
	.bloc .table_messages.ng-table td[data-title="'Répondre'"] {
		display: none;
		visibility: hidden;
	}

	.bloc .table_declarations.ng-table thead,
	.bloc .table_declarations.ng-table td[data-title="'Date de saisie'"],
	.bloc .table_declarations.ng-table td[data-title="'Titre de l’émission'"],
	.bloc .table_declarations.ng-table td[data-title="'Diffuseur'"],
	.bloc .table_declarations.ng-table td[data-title="'Date de 1ère diffusion'"],
	.bloc .table_declarations.ng-table td[data-title="'Actions'"] button:not(.icon-scamicons-download) {
		display: none;
		visibility: hidden;
	}

	.bloc .table_declarations.ng-table td[data-title="'Statut*'"],
	.bloc .table_declarations.ng-table td[data-title="'Actions'"] {
		width: 36px;
		text-align: center;
	}

	.bloc .table_oeuvres.ng-table thead,
	.bloc .table_oeuvres.ng-table td[data-title="'Durée de l’oeuvre*'"],
	.bloc .table_oeuvres.ng-table td[data-title="'Titre de l’émission*'"],
	.bloc .table_oeuvres.ng-table td[data-title="'Diffuseur*'"],
	.bloc .table_oeuvres.ng-table td[data-title="'Date de 1ère diffusion*'"],
	.bloc .table_oeuvres.ng-table td[data-title="'Date de fin diffusion*'"] /*,
	.bloc .table_oeuvres.ng-table td[data-title="'Commentaire Scam'"]*/ {
		display: none;
		visibility: hidden;
	}

	.bloc .ng-table-filter, .ng-table-filter {
		display: none;
		padding: 5px !important;
	}

	/*.bloc .ng-table-pager .ng-table-pagination {
		display: none;
		visibility: hidden;
	}*/
}

.messagerie .bloc .form-group-bloc {
	padding: 0 20px !important;
	margin: 15px 0;
}

	.messagerie .bloc .form-group-bloc:last-child {
		padding-bottom: 0;
	}

/*.btn-rech-avanc.toggled > .bloc {
   -moz-box-shadow: 0px 2px 3px 0px #cfcfcf !important;
   -webkit-box-shadow: 0px 2px 3px 0px #cfcfcf !important;
   -o-box-shadow: 0px 2px 3px 0px #cfcfcf !important;
   box-shadow: 0px 2px 3px 0px #cfcfcf !important;
   filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=3);
}*/

.bloc-trans {
	background-color: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=3);*/
}

	.bloc-trans .form-group-bloc {
		padding: 0 20px;
		margin: 0 0 30px;
	}

.bloc-vert {
	padding: 20px !important;
	background-color: #fefefe;
	color: #270126
}

.bloc-gris {
	background-color: #fefefe;
}

	.bloc-gris .form-control, .bloc-gris .input-group-addon, .bloc-gris .selectize-control.single .selectize-input, .bloc-gris .selectize-control.single .selectize-input input {
		background-color: #ffffff;
	}

	.bloc-gris .form-group-bloc:first-child {
		padding-top: 30px;
		margin-top: 0;
	}

	.bloc-gris .form-group-bloc:last-child {
		margin-bottom: 30px !important;
		/*margin-bottom: 0;*/
	}

	.bloc-gris .form-group-bloc.notlastchild {
		margin-bottom: 0 !important;
	}

	.bloc-gris.accordeon {
		margin: 0;
		padding: 0 40px;
	}

		.bloc-gris.accordeon + .accordeon-section {
			margin: 0 0 10px;
		}

.bloc-turquoise {
	background-color: #18b5b5;
}

.bloc-gris-fonce {
	background-color: #fefefe;
}

	.bloc-gris-fonce h2 {
		padding: 20px !important;
		margin: 20px 0 0 0;
	}

	.bloc-gris-fonce h2,
	.bloc-gris-fonce h3,
	.bloc-gris-fonce .lb-info,
	.bloc-gris-fonce .span-txt,
	.bloc-gris-fonce a,
	.bloc-gris-fonce label,
	.bloc-turquoise label {
		color: #861650;
	}

	.bloc-gris-fonce .form-control,
	.bloc-gris-fonce .input-group-addon,
	.bloc-gris-fonce .selectize-control.single .selectize-input,
	.bloc-gris-fonce .selectize-control.single .selectize-input input,
	.bloc-turquoise .form-control,
	.bloc-turquoise .input-group-addon,
	.bloc-turquoise .selectize-control.single .selectize-input,
	.bloc-turquoise .selectize-control.single .selectize-input input {
		background-color: #fefefe;
	}

	.bloc-gris-fonce .form-group-bloc:first-child,
	.bloc-turquoise .form-group-bloc:first-child {
		padding-top: 30px;
		margin-top: 0;
	}

	.bloc-gris-fonce .form-group-bloc:last-child,
	.bloc-turquoise .form-group-bloc:last-child {
		margin-bottom: 30px;
		margin-bottom: 0;
	}

.bloc-txt-vert h2, .bloc-txt-vert p {
	color: #2C6868 !important;
}

.form-group-bloc-btn {
	margin-top: 0;
	padding-bottom: 40px;
}

	.form-group-bloc-btn.last {
		margin-top: 30px;
		padding-bottom: 30px;
	}

	.form-group-bloc-btn .password-reminder {
		/*position: absolute;
		right: 100px;*/
	}

@media screen and (max-width: 767px) {

	.form-group-bloc-btn .password-reminder {
		float: right;
		margin: 0 20px 20px 0;
	}
}

.validate-field {
	color: #861650;
	font-size: 18px;
}

@media screen and (max-width: 768px) {

	.validate-field {
		display: none;
	}
}

.supprimer {
	font-family: 'MetricWeb-Light';
	font-size: 14px;
	text-transform: initial !important;
}

	.supprimer a {
		color: #C2B9BC !important;
	}

	.supprimer i {
		padding-left: 10px;
	}

.content-pane-sub p.info {
	margin: 20px 0 0 0;
}

@media screen and (max-width: 767px) {

	.content-pane-sub p.info {
		margin: 0;
	}
}

div.g-recaptcha > div > div {
	margin: 0 auto;
}

/*FOOTER*/
.footer-pane {
	position: relative;
	/*margin-top: -150px;*/ /* negative value of footer height */
	/*min-height: 150px;*/
	clear: both;
	padding-top: 20px;
	color: #fff;
	background-color: #797375;
	padding-bottom: 20px;
}

	.footer-pane .social-icons > li {
		padding-left: 0px;
		padding-right: 4px;
	}

		.footer-pane .social-icons > li > a:hover {
			color: #E91E63 !important;
		}

	.footer-pane li.footer-subitem .social-icon {
		font-size: 30px;
		line-height: normal;
	}

	.footer-pane .footer-item .list-inline {
		margin-left: 0 !important;
	}

@media screen and (max-width: 767px) {
	.footer-pane .footer-item ul.social-icons {
		margin-top: 10px;
		padding: 0 20px;
	}


	.footer-pane li.footer-subitem .social-icon {
		font-size: 40px;
	}
}

.footer-pane a {
	color: #fff;
	text-decoration: none !important;
}

	.footer-pane a:hover {
		text-decoration: underline;
	}

.footer-pane li.footer-item {
	font-family: 'MetricWeb-Medium';
	line-height: 48px;
}

.footer-pane li.footer-subitem {
	font-family: 'MetricWeb-Regular';
	line-height: 19px;
	font-size: 95%;
}

.footer-pane ul.list-items.divers {
	margin-bottom: 0px;
}

@media screen and (max-width: 767px) {

	.footer-pane li.footer-subitem {
		padding: 5px 0;
		line-height: inherit !important;
	}

	.footer-pane {
		margin-top: 0; /* negative value of footer height */
		min-height: 10px;
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	.footer-pane ul.list-items {
		padding-right: 0px;
	}
}

@media screen and (max-width: 767px) {

	.footer-pane .list-divers {
		float: right;
		padding-left: 20px;
	}

	.footer-pane .list-social {
		/*padding-left: 20px;*/
		padding-right: 0px;
		border-right: 1px solid #ffffff;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.footer-pane li.footer-item {
		font-family: 'MetricWeb-Light';
		line-height: 19px;
	}

	.footer-pane li.footer-subitem {
		font-family: 'MetricWeb-Medium';
		line-height: 48px;
	}
}

/*.footer-pane .footer-subitem.sm-ko {
   display: block !important;
}*/

.footer-pane .divers .footer-subitem.footer-subitem-smrtph {
	display: none !important;
}

@media screen and (max-width: 767px) {

	.footer-pane .divers .footer-subitem, .footer-pane .divers span {
		display: none;
	}

		.footer-pane .divers .footer-subitem.footer-subitem-both, .footer-pane .divers .footer-subitem.footer-subitem-smrtph {
			display: block !important;
		}

	.footer-pane .divers li.footer-subitem:nth-child(3) {
		padding: 0 0 5px 0 !important;
	}
}

@media screen and (min-width: 480px) {
	.xs-ok {
		display: none !important;
	}

	.xs-ko {
		display: inline-block;
	}

		.xs-ko.block {
			display: block;
		}
}

@media screen and (max-width: 479px) {
	div.info-message button {
		float: none;
		margin-top: 0;
		margin-bottom: 10px;
	}

	div.info-message p {
		padding: 0;
	}

	div.info-message > label {
		padding-top: 0;
	}

	div.info-message label, div.info-message li {
		min-height: 0;
	}

	.xs-ok {
		display: inline-block;
	}

		.xs-ok.block {
			display: block;
		}

	.xs-ko {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.sm-ok {
		display: none;
	}

	.sm-ko {
		display: inline-block;
	}
}

@media screen and (max-width: 767px) {
	.sm-ok {
		display: inline-block;
	}

	.sm-ko {
		display: none;
	}
}

.afficher-suite {
	display: none;
}

@media screen and (max-width: 768px) {
	.afficher-suite {
		display: block;
	}

	.lb-vide {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.col-xs-12, .col-sm-12 {
		padding-right: 0 !important;
	}
}

.form-box {
	padding: 20px 0;
}

@media screen and (max-width: 767px) {

	.list-inline.vert {
		margin-left: 0px;
	}

		.list-inline.vert li {
			display: block;
			padding-left: 0px;
		}
}

/*MEGAMENU*/
.dropdown-menu {
	right: 0 !important;
	float: right;
}

.mega-dropdown {
	position: static !important;
}

.mega-dropdown-menu {
	padding: 20px 0px;
	width: 100%;
}

	.mega-dropdown-menu > li > ul {
		padding: 0;
		margin: 0;
	}

		.mega-dropdown-menu > li > ul > li {
			list-style: none;
		}

			.mega-dropdown-menu > li > ul > li > a {
				display: block;
				padding: 3px 20px;
				clear: both;
				font-weight: normal;
				line-height: 1.428571429;
				color: #ffffff;
				white-space: normal;
			}

				.mega-dropdown-menu > li > ul > li > a:hover {
					border-left: 2px solid #fff;
					margin-left: -1px;
					padding-left: 19px;
				}

@media screen and (max-width: 767px) {
	.mega-dropdown-menu > li > ul > li > a {
		padding: 3px 40px;
	}
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
	/*text-decoration: none;
      font-weight: bolder;*/
}

.mega-dropdown-menu .dropdown-header {
	color: #428bca;
	font-size: 18px;
	font-weight: bold;
}

.mega-dropdown-menu form {
	margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
	margin-bottom: 3px;
}

.mega-dropdown-menu .close-menu div {
	position: relative;
	height: 80px;
	text-align: right;
	color: #fff !important;
}

	.mega-dropdown-menu .close-menu div a {
		position: absolute;
		display: inline-block;
		right: 20px;
		bottom: 0;
		color: #fff !important;
		text-align: center;
		text-decoration: none;
	}

/*Smartphone search and log out right*/
.smtph_right {
	color: #ffffff !important;
	float: right;
	right: 0;
	position: relative;
	margin: 0;
	background-color: #c2175c;
	width: 100%;
	height: 60px;
	line-height: 60px;
}

/*Steps Form*/
.steps-form {
	padding: 0;
}

	.steps-form ul {
		margin-bottom: 0;
	}

	.steps-form.steps-form-dol li {
		padding: 10px 10px 0 10px;
	}

	.steps-form li {
		/*padding: 10px 35px 10px 10px;
		min-height: 55px;*/
		padding: 10px 35px 10px 10px;
		min-height: 55px !important;
		height: auto !important;
		width: 100%;
		/*display:inline-block;*/
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-align-self: auto;
	}

		.steps-form li > span {
			height: 100%;
		}

			.steps-form li > span.onValide {
				width: 100%;
			}

		.steps-form li span.round-shape {
			border-radius: 50%;
			float: left;
			margin-right: 20px;
			text-align: center;
			height: 20px;
			width: 20px;
			line-height: 20px;
			background-color: #ada5a8;
			color: #ffffff;
		}


		.steps-form li.inactive {
			color: #ABA0AB;
		}

			.steps-form li.inactive span.onValide {
				display: none;
			}

		.steps-form li span {
			height: 100%;
		}


		.steps-form li.active {
			background-color: #861650;
			color: #ffffff;
		}

			.steps-form li.active span.round-shape {
				color: #861650;
				background-color: #ffffff;
			}

			.steps-form li.active span.onValide {
				display: none;
			}

		.steps-form li.valide {
			color: #861650;
		}

			.steps-form li.valide a {
				color: #861650;
			}

			.steps-form li.valide span.round-shape {
				color: #ffffff;
				background-color: #861650;
				font-size: 10px;
			}

			.steps-form li.valide span.onValide {
				display: block;
			}

/**********************************************ESPACE MEMBRE**************************************************/
/*MODULE PANE LEFT*/
.blocEM {
	min-height: 192px;
	position: relative;
	margin-bottom: 20px;
	padding: 12px 0;
}

	.blocEM i {
		padding: 0 12px;
	}

	.blocEM a {
		font-family: 'MetricWeb-Medium';
		text-decoration: underline;
	}

@media screen and (max-width: 767px) {
	.blocEM p {
		font-family: 'MetricWeb-Medium';
	}
}

.form-group-bloc-EM {
	padding: 10px 20px 20px;
	display: inline-block;
}

	.form-group-bloc-EM a, .form-group-bloc-EM a:link, .form-group-bloc-EM a:visited, .form-group-bloc-EM a:active {
		text-decoration: underline;
	}

	.form-group-bloc-EM > label {
		margin-bottom: 8px;
	}

	.form-group-bloc-EM .btn {
		padding: 6px 12px;
		line-height: 1.1;
	}

		.form-group-bloc-EM .btn + .lb-info {
			display: inline-block;
			margin-top: 20px;
			margin-left: 10px;
		}

.align_bottom {
	position: absolute;
	bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}

sup.nouv_messages {
	background-color: #18b5b5;
	color: #ffffff;
	height: 20px;
	width: 20px;
	border-radius: 100%;
	top: -0.7em;
	left: -0.3em;
	text-align: center;
	line-height: 20px;
	font-family: 'MetricWeb-Medium';
}

/*MODULE PANE RIGHT*/
.blocrose, .blocgris {
	font-family: 'MetricWeb-Medium';
	color: #ffffff;
	padding: 15px 20px;
	margin-bottom: 10px;
	margin-top: 0;
	width: 100%;
	min-height: 67px;
	display: inline-block;
	line-height: 18px;
}

	.blocrose p, .blocgris p {
		font-family: 'MetricWeb-Medium';
		color: #ffffff;
	}

	.blocrose img, .blocgris img {
		width: 100%;
		margin: 0;
	}

	.blocrose .image, .blocgris .image {
		padding: -20px;
	}

.blocrose {
	background-color: #e91e63;
}

.blocgris {
	background-color: #C2B9BC;
}

@media screen and (max-width: 479px) {
	.blocrose {
		background-color: transparent;
		color: inherit;
	}

		.blocrose a {
			color: inherit !important;
		}

		.blocrose p {
			color: inherit;
			padding-left: 0;
		}

			.blocrose p br {
				display: none;
			}

	.blocgris {
		display: none;
	}
}

.blocimage {
	padding: 0px;
}

	.blocimage .sub-bloctext {
		padding: 15px 20px;
	}

	.blocimage .sub-blocimg {
		padding: 4px 4px 4px 0;
		float: right;
	}


@media screen and (max-width: 479px) {

	.blocimage .sub-bloctext {
		padding: 5px 20px;
	}

	.blocimage .sub-blocimg {
		padding: 4px 20px !important;
		float: none !important;
	}
}

/*table*/
.bloc-table {
	margin-bottom: 0;
	padding: 10px 5px;
	width: 100%;
}

.select-table-xs .lb-info {
	padding-top: 10px !important;
}

@media screen and (max-width: 479px) {
	.table_messages > tbody > tr > td,
	.table_declarations > tbody > tr > td,
	.table_oeuvres > tbody > tr > td {
		padding: 5px 5px 5px 15px;
	}

	.statut {
		text-align: center;
	}
}

.table_messages,
.table_declarations,
.table_oeuvres {
}

	.table_messages th,
	.table_declarations th,
	.table_oeuvres th {
		font-family: "MetricWeb-Medium";
		font-weight: normal;
	}

	.table_messages .tooltip-inner,
	.table_declarations .tooltip-inner,
	.table_oeuvres .tooltip-inner {
		font-family: 'MetricWeb-Light';
		font-size: 14px;
		color: #fff;
		background-color: #C2B9BC;
		border-radius: 0px;
	}

	.table_messages .tooltip.bottom .tooltip-arrow,
	.table_declarations .tooltip.bottom .tooltip-arrow,
	.table_oeuvres .tooltip.bottom .tooltip-arrow {
		border-bottom-color: #C2B9BC;
	}

.btn-add-decl i {
	margin-left: 50px;
}

@media screen and (max-width: 479px) {
	.btn-add-decl {
		display: none;
	}
}

.before-rech-avanc {
	padding-left: 20px;
}

@media screen and (max-width: 479px) {
	.before-rech-avanc {
		padding-left: 0px;
	}
}

.bloc-btns {
	padding-right: 7px;
}

.btn-rech-avanc,
.btn-add-decl {
	margin-top: 0px;
}

	.btn-rech-avanc.btn-add i {
		/*margin-left: 50px;*/
		float: none;
		padding: 2px 0 2px 40px;
	}

	.btn-rech-avanc.toggled,
	.btn-add-decl.toggled {
		padding-bottom: 20px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

.btn-add-decl {
	line-height: inherit !important;
}

/*.form-rech-avanc .bloc-gris-fonce .form-group-bloc:first-child {
	margin: 0 0 20px;
}*/

.form-rech-avanc .bloc-gris-fonce .form-group-bloc:last-child {
	margin-bottom: 30px;
}

.form-rech-avanc .form-group-bloc label {
	padding-top: 7px;
}

@media screen and (max-width: 479px) {

	.form-rech-avanc .bloc-gris-fonce .form-group-bloc:first-child {
		margin: 0 0 20px;
	}

	.btn-rech-avanc.toggled {
		padding-bottom: 10px;
	}

	.btn-rech-avanc::before {
		padding-left: 0px !important;
	}
}

.btn-gris {
	background-color: #FEFEFE;
	color: #270126;
	border: 1px solid #ccc;
	text-align:center;
}

.btn-gris-fonce {
	background-color: #797375;
	color: #ffffff;
}

	.btn-gris-fonce .btn-no-bg {
		color: #ffffff;
	}

.btn-no-bg {
	background-color: transparent;
	border: 1px solid transparent;
}

	.btn-no-bg.btn-delete {
		padding: 5px 0;
	}

@media screen and (max-width: 480px) {

	.btn-no-bg {
		padding: 5px 10px;
		/*margin-bottom: 20px;*/
	}
}

.btn-icon-table {
	background-color: transparent;
	padding: 0;
	/*color: #693142;*/
}

.marron {
	color: #693142 !important;
}

.jaune {
	color: #FBB03B !important;
}

.rose {
	color: #e91e63 !important;
}

.bleu {
	color: #03D0F9 !important;
}

.bleu-fonce {
	color: #295FB7 !important;
}

.gris {
	color: #c2b9bc !important;
}

.turquoise {
	color: #18b5b5 !important;
}
.prune {
	color: #861650 !important;
}

.vert {
	color: #2C6868 !important;
}

.rouge {
	color: #E20335 !important;
}

.table_messages tr:hover .btn-icon-table {
	color: #2C6868;
}

/*Mes droits*/
.releves {
	display: inline-block;
}

	.releves > div {
		margin: 10px 0;
	}

.select-rel {
	display: inline-block;
	width: 100%;
}

	.select-rel .selectize-input {
		background-color: #ffffff;
	}

.lb-titre {
	font-size: 30px;
	font-family: 'MetricWeb-Medium';
	margin: 7px 0 0 0;
}

@media screen and (max-width: 767px) {
	.lb-titre {
		display: none;
	}
}

.cols-releves {
	display: inline-block;
}

	.cols-releves .bloc, .decl-files .bloc {
		text-align: center;
	}

.file-download {
	font-size: 16px !important;
	margin: 20px 0;
	/*overflow: hidden;*/
}

	.file-download .file-date {
		font-family: 'MetricWeb-Light';
	}

	.file-download div {
		padding-right: 0;
	}

.p20 {
	padding: 0 20px;
}

/*Mon compte*/
.select-tel {
	padding-right: 20px !important;
}

.adresse-ko {
	float: right;
}

/*datepicker*/
.datepicker .dropdown-menu {
	background-color: #ffffff;
	display: inline-table !important;
}

/*selectize.css*/
.selectize-control.single .selectize-input:after {
	top: 35% !important;
}

@media screen and (max-width: 767px) {
	.form-group-rib > label {
		display: none;
	}

	.form-group-rib div .lb-info {
		font-family: 'MetricWeb-Medium';
		font-size: 16px;
	}

		.form-group-rib div .lb-info + div:not(.last) {
			margin-bottom: 30px;
		}
}

/*Toutes mes oeuvres*/
.bloc-files {
	margin-left: 20px;
}

@media screen and (max-width: 768px) {
	.bloc-files.bloc-files-icons {
		display: none;
	}
}

.bloc-files i {
	font-size: 30px;
}

.bloc-files .lb-info {
	padding-top: 7px;
}

.leg-info-table {
	margin: 20px 0 0;
}

.red-lined {
	border: 2px solid #e20335;
}

.refuse {
	background-color: rgba(226,3,53,0.2);
}

.download-img {
	text-decoration: none !important;
}

	.download-img:hover {
		text-decoration: underline !important;
	}

	.download-img i {
		font-size: 30px;
	}

.titreOeuvre {
	white-space: nowrap;
	text-overflow: ellipsis !important;
	display: block;
	overflow: hidden;
	height: auto !important;
}

/*DOL RADIO*/

.bloc-specif {
	text-align: right !important;
}

	.bloc-specif .popover.bottom > .arrow {
		left: 85% !important;
	}

.wrap-text {
	white-space: normal !important;
}

/*DOL LISTES*/
.white-sep {
	margin-top: 2px;
}

/**/
a.back-to-scamfr{
	color: #e91e63;
}

a.back-to-scamfr:hover{
	text-decoration: underline;
}
