@CHARSET "UTF-8";

/*
229 138 63 : #55514f
209 74 63 : #d14a3f
 */

/*****************
 * Générique
 */
 
 /*RESET STYLES*/
body { line-height: 1; }
/*ol, ul { list-style: none; }*/
/*li {list-style: none;}*/
img {border: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }	
table { border-collapse: collapse; border-spacing: 0; }
button {
	overflow: visible;
}

body, input, textarea {
	font-family:'Arial Normal', 'Arial';
	font-weight:400;
	font-style:normal;
	font-size:13px;
	color:#333333;
	line-height:normal;
	background-color: #FFFFFF;
}
body {
	margin-bottom: 30px;
}
.containerTot {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.page-header {
	margin: 10px 10px 30px 10px;
	background-color: #55514f;
    height: 100px;
}
select {
	font: 12px Arial, Helvetica, sans-serif;
}

a {
	color: #444;
}
a:hover, a.active {
	color: #222;
}
#activites a, .lienBleu {
	color: #0096d9;
}
a:focus{
	outline:thin dotted
	}



h1 {
	font-family:'Arial Normal', 'Arial';
	font-size:26px;
	color:#55514f;
}
.sous-titre_h1 {
	font-family:'Arial Normal', 'Arial';
	font-size:20px;
	color:#55514f;
}
h2 {
	font-family:'Arial Normal', 'Arial';
	font-size:20px;
	color:#ffffff;
	background-color: #55514f;
    'border-bottom:1px solid #282828;
    font-weight:bold;
	text-align:center;
	margin: 10px 0px;
	padding: 10px;
}
h3 {
	font-family:'Arial Gras', 'Arial';
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	text-align:left;
}
h4 {
    color:#55514f;
    font-weight:bold;
}

.fil_ariane {
	font-size:10px;
	color:#282828;
}

h1 a, h2 a, h3 a, h4 a {
	text-decoration: none; color: inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: underline;
}

.underline {
	text-decoration: underline;
}

.fa, .fas, .pointer {
	cursor: pointer;
}

/*input:invalid, input.error {
  background-color: #ffdddd;
}*/
input.error {
  background-color: #ffdddd;
}

.error, .comExists {
    color: red;
}

.notallowed {
	cursor: not-allowed;
}

.divFormError {
	margin-bottom: -15px;
	margin-top: 10px;
	color: red;
}

.barre {
	text-decoration: line-through;
}

.inline {
	display: inline;
}

.center {
	text-align: center;
}

.vcenter {
    display: flex;
    align-items: center;
}

.vbottom {
	display: flex;
	bottom: 0;
}

tr.trtdValignMiddle td {
	vertical-align: middle;
}

.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-12 { margin-top: 1.2em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }

.margin-bottom-05 { margin-bottom: 0.5em; }
.margin-bottom-10 { margin-bottom: 1.0em; }
.margin-bottom-15 { margin-bottom: 1.5em; }
.margin-bottom-20 { margin-bottom: 2.0em; }
.margin-bottom-25 { margin-bottom: 2.5em; }
.margin-bottom-30 { margin-bottom: 3.0em; }

.margin-left-05 { margin-left: 0.5em; }
.margin-left-10 { margin-left: 1.0em; }
.margin-left-15 { margin-left: 1.5em; }
.margin-left-20 { margin-left: 2.0em; }
.margin-left-25 { margin-left: 2.5em; }
.margin-left-30 { margin-left: 3.0em; }

.margin-right-05 { margin-right: 0.5em; }
.margin-right-10 { margin-right: 1.0em; }
.margin-right-15 { margin-right: 1.5em; }
.margin-right-20 { margin-right: 2.0em; }
.margin-right-25 { margin-right: 2.5em; }
.margin-right-30 { margin-right: 3.0em; }

.padding-left-15 { padding-left: 1.5em; }
.padding-left-25 { padding-left: 2.5em; }

.alignRight {
	text-align: right;
}

.fontSize20 {font-size: 20px;}

ul.ulPoint {
	list-style-type: none;
}

ul.ulPoint li::before {
	content: "• ";
	color: #55514f; /* or whatever color you prefer */
}


/****************
* Header
*/
.titre {
	font-size: 25px;
}

.page-header {
	padding-bottom: 0;
}
.navbar {
	margin-bottom: 0;
	/*background-color: #55514f;*/
}
.navbar-web {
	float:left;
	position:fixed;
	width:15%;
	height:100%;
	background-color: #55514f;
	z-index:100;
}

@media only screen and (max-width: 800px) {
	.navbar-web {
		display:none;
		/*float:left;
		position:fixed;
		width:15%;
		height:100%;
		background-color: #55514f;*/
	}
}

.headermobile {
	display:none;
}


@media only screen and (max-width: 800px) {
	.headermobile{
		display:block;
		background-color:#55514f;
		padding: 5px;
	}
}

.navbar-nav {
	margin: 45px 0 0 0;
}

.flash-alert{
	background-color:#ffffff;
	z-index:999999;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	border-bottom:2px solid #acacac;
	min-height:1px;
	text-align:center;
}
.flash-alert-wrapper{
	width:1000px;
	margin:0px auto;
}

/****************
* Menu
*/

button[type=button].navbar-toggle {
	color: #fff;
	padding: auto;
	padding-top: 5px;
	margin: auto;
	height: auto;
	width: auto;
}

.nav-web>li {
	clear:both;
	width:100%;
}

.navbar-nav>li>a.active {
	background-color:#FFF;
    color:#55514f;
    margin-right:1px;
}
.navbar-nav>li>a.active:hover {
    background-color :#55514f;
    color:#FFF;
}

.navbar-nav>li>a, .navbar-nav>li>a:focus {
    color:#fff;
    background-color:#55514f;
	margin-right:1px;

}

.navbar-nav>li>a:hover {
	background-color:#55514f;
    color:#FFF;
}


.navbar-nav>.active>a .navbar-nav>li>a:hover {
    background-color:#55514f;
    color:#FFF;
}

.navbar-nav>.open>a:focus {
    background-color:#55514f;
    color:#FFF;
}

.navbar-right {
    margin-top:60px;
}

.navbar-nav {
	/*margin-left: 20px;*/
	margin-top: 30px;
	text-transform: uppercase;
}
.nav-menu {
    background-color: #55514f;
	color: #FFF;
}

.container-menu {
    padding: 0;
}

.navbar-collapse {
    padding:0;
}

.content{
	float:right;
	width:85%;
}

.showMobile {
	display:none;
}


@media only screen and (max-width: 800px) {
	.content{
		width:100%;
	}
	.row{
		margin-right:0px;
		margin-left:0px;
	}
	.col-lg-6 img {
        margin-top: 5px;
        margin-bottom: 5px;
	}
	.hideMobile {
		display:none;
	}
	.showMobile {
		display:block;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: none;
		margin-top: -10px;
	}
	.police_15 {
		font-size:1em;
	}
	.police_18 {
		font-size:1.2em;
	}
	.carousel-indicators li {
		color:#0096d9;
		border:1px solid #0096d9;
	}
	.carousel-indicators .active {
		background-color:#0096d9;
	}
}

@media only screen and (min-width: 800px) {
	.row{
		margin-right:0px;
		margin-left:0px;
	}
	.tabSlide .row50 {
		height:325px;
	}
	.tabSlide .row100 {
		height:100%;
	}
	.coltext {
		text-align: center;
		position: relative;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		padding-left:20px;
		padding-right:20px;
	}
	.col-lg-6 img {
		max-height: 325px;
		text-align: center;
	}
	.police_15 {
		font-size:1.5em;
	}
	.police_18 {
		font-size:1.8em;
	}
}


#tableConvention, #tableConvention td {
	border: 2px solid #0096d9;
}

#tableConvention td {
	padding:1%;
}

.tabSlide {
	height:750px;
}

@media (max-width: 1025px) {
	.tabSlide {
		height:auto;
	}
}


/****************
* file d'ariane
*/

.breadcrumb {
	margin: 0;
	background-color: transparent;
    font-weight:bold;
	font-size: 15px;
	color: #55514f;
}
.breadcrumb > li + li::before {
	content: ">";
}

/*****************
 * Boutons
 */
input[type=button], input[type=submit], button[type=submit], button[type=button].btValide, .ui-dialog-buttonset > button[type=button],
button[type=button].ui-state-default, button[type=button].ui-widget-content button[type=button].ui-state-default, span.btValide {
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
	color: #eeeeee;
	background: #55514f;
	display: inline-block;
	padding: 0 15px;

	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: .5em .4em .5em 0;
	height: 22px;

}
input[type=buton].ui-dialog-titlebar-close {
	margin: -10px 0 0 0;
}
.ui-dialog-buttonset > button[type=button] {
	margin: .5em .4em .5em 0;
	height: 22px;
}
input[type=button]:hover, input[type=submit]:hover, button[type=submit]:hover, .ui-button .ui-state_defaut .ui-state-hover,
.ui-dialog-buttonset > button[type=button]:hover, button[type=button].btValide:hover {
    opacity:0.6;
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
 }

input[type=button].oppbtp, button[type=button].oppbtp, button[type=submit].oppbtp {
	color: #fff;
	background: #55514f;
	border-color: #d43f3a;
}
input[type=button].oppbtp:hover, button[type=button].oppbtp:hover, button[type=submit].oppbtp:hover {
	opacity:0.5;
}

button[type=submit].oppbtp {
	margin: 0 5px;
}

input[type=button].delete, div.delete input[type=submit], button[type=button].delete, div.delete button[type=submit], button.error {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}
input[type=button].delete:hover, input[type=submit].valid:hover, button[type=button].delete:hover, button[type=submit].valid:hover, button.error:hover {
	opacity:0.5;
}

input[type=submit].dupliquer {
	width: auto;
	float: left;
}

button[type=button].btMarginClean {
	margin: inherit;
}

.modal-footer .btn+.btn {
	margin: .5em .4em .5em 0;
}


/*******************
 * Listes / Pagination
 */
 .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, 
 .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #55514f;
    border-color: #55514f;
 }
 
 .pagination > li > a, .pagination > li > span {
    color: #55514f;
}

 .dataTable > thead {
	 font-family: 'Arial Gras', 'Arial';
	 font-weight: 700;
	 font-style: normal;
	 font-size: 12px;
	 text-transform: uppercase;
	 color: #55514f;
	 height: 50px;
 }
 .dataTable > thead > tr > th {
	 vertical-align: middle;
 }

 .even {
	 background-color: rgba(6, 64, 111, 0.36);
 }
 .odd, .table-striped > tbody > tr:nth-of-type(2n+1) {
	 background-color: rgba(0, 96, 244, 0.1);
 }

table.dataTable thead .sorting_desc::after {
	content: "\e252";
	opacity: 1;
	/*margin-bottom: 8px;*/
}

table.dataTable thead .sorting_asc::after {
	content: "\e253";
	opacity: 1;
	/*margin-bottom: 8px;*/
}
table.dataTable thead .sorting::after {
	/*margin-bottom: 8px;*/
}
@-moz-document url-prefix() {
	table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting::after {
		margin-bottom: 8px;
	}
}
.header-actions {
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
}
.navbar-actions {
	margin-bottom: 0;
	list-style: none;
}
.navbar-actions .dropdown > .a {
	padding: 3px;
}

.navbar-actions .open > a, .navbar-actions .open > a:focus, .navbar-actions .open > a:hover, .navbar-actions  > a:hover {
	color: #55514f;
}

.dropdown-actions {
	margin: -30px 0 0 -162px;
}
.dropdown-toggle  {
    /*background-color:#282828;*/
}

.listeActions {
	text-align: center;
}
.listeActions a i, .listeActions a span {
	padding: 2px;
}
.actionListe {
	font-size: 18px;
}
/**
* TABLES
 */
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border: 1px solid #808384;
}

.table.noborder > tbody > tr > td, .table.noborder > tbody > tr > th, .table.noborder > tfoot > tr > td, .table.noborder > tfoot > tr > th,
.table.noborder > thead > tr > td, .table.noborder > thead > tr > th {
	border: none;
}

/**
 *
 */
.nowrap {
    white-space:nowrap;
    }
    
.acc_login {
	margin: auto auto;
	width: 350px;
	padding: 40px;
	background-color: #e4e4e4;
}

/****************
* Formulaires
*/

h4.utiCreMod {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.divForm {
	background-color: #FFFFFF;
	border:1px solid #ccc;
	padding: 15px;
	margin-top: 5px;
}

.divTabsContent {
	background-color: #FFFFFF;
	border:1px solid #ccc;
	padding: 15px;
	margin-top: 5px;
}


.required > a.labelHelp {
	float: right;
	margin-left: 3px;
}

.btn {
	font-size: 12px;
	padding: 3px 6px;
}
.btn-breadcrumb>.btn {
	font-size: 14px;
}


.tableForm tr th {
	max-width: 350px;
	padding: 5px 10px;
	text-align: right;
}
.tableForm tr td {
	padding: 5px 10px;
}
.form-control {
	font-size: 12px;
	width: auto;
	height: 30px;
}

.input-group-addon {
	padding: 6px 22px 8px 12px;
	float: left;
}

.input-group .form-control {
	width: auto;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #ffffff;

}

.widthFit {
	width: 100%;
}

input[type="file"] {
	display: inherit;
}

.tableDoc {
	margin-bottom: 1em;
}
.tableDoc tr th {
	text-align: left;
	padding: 5px 10px;
}
.tableDoc tr td {
	padding: 5px 10px;
}

/****************
* Tabs
*/

.nav-tabs.nav-justified > li > a {
	border: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
	border: 1px solid #ddd;
	border-bottom-color: rgb(221, 221, 221);
	background-color: #55514f;
	color: #fff;
}

.nav > li > a:focus, .nav > li > a:hover, .nav > li.active > a {
	text-decoration: none;
	background-color: #ffffff;
	color:#55514f;
}
.tabsFct {
	background-color: #eee;
}


/****************
* Resultats
*/
.panel-default > .panel-heading {
	color: #ddd;
	font-weight: bold;
	font-size: 12px;
}
.panel-heading {
    padding: 10px 5px;
    text-align: center;
    color: #ddd;
}
.panel-body {
	padding: 15px 15px;
}
.panel-body {
	text-align: center;
    background-color: #2a2938;
}


.panel {
	margin-bottom: 5px;
	margin-top: 0;
}

.ui-widget {
    font-size: 0.8em;
}
.ui-slider-horizontal {
    height: .3em;
}

.searchActiv {
	color: #47a447;
}

/***************
* Widgets
 */
.ui-widget {
	font-size: 13px;
}
.ui-widget-content{
	background-color: #FFF;
}
.ui-widget-header {
	border: 1px solid #a8bcc2;
	background-color: #FFF;
	color: #282828;
	font-weight: bold;
	font-size: 14px;
    border-top:none;
    border-right:none;
    border-left:none;
}
.ui-dialog .ui-dialog-content {
	background-color: #fff;
	color: #282828;
}

.ui-dialog .ui-dialog-titlebar-close {
	background-color: #55514f;
    color: #fff;
}
.ui-dialog-titlebar {
    background-color: #55514f;
    color: #FFF;
}

.ui-dialog { z-index: 10000 !important ;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background-color:#55514f;
    color:white;
	border: 1px solid #55514f;
}

.ui-accordion-header-collapsed {
	background-color: #d3b3ac;
	color:#55514f;
	border: 1px solid #d3b3ac;
}

.ui-state-hover a:hover{
    background-color:#282828;
    color:white;
}

.ui-autocomplete {
	z-index:2000 !important;
}
.autocompleter {
	z-index:2000 !important;
}

.ui-button .ui-icon {
    background-image: url("/css/images/ui-icons_ffffff_256x240.png");
}

.popover {
	max-width: 100%;
}

.accordion {
	margin-bottom:1em;
}

.ui-datepicker {
	z-index: 2000 !important;

}

a.btn.btn-default{
	font-size: 14px;
}

.btn-group {
	display: inline;
}
.btn-group.btn-breadcrumb {
	display: inline-block;
}

.dataTables_wrapper > .dt-buttons > .btn {
	margin-bottom: 10px;
}

.dropdownChkBox {
	top: auto;
	left: auto;
	padding: 5px 5px;
	width: 500px;
	margin-bottom: 30px;
}

.btn-default.dropdownBtChkBox {
	background-color: #fff;
	color: #282828;
}
.dropdownBtChkBox .caret {
	margin-left: 10px;
}

/*********
* Toggle Switch
 */
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 26px;
	margin-bottom: -8px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}



/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #55514f;
}

input:focus + .slider {
	box-shadow: 0 0 1px #55514f;
}

input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

/**************
* Gedmo Histo
 */

i.gedmoHisto {
	display: inline;
	margin-left: 10px;
}
h4.gedmoHisto {
	font-size: 14px;
}
ul.gedmoHisto {
	padding-left: 1.4em;
}
ul.gedmoHisto li {
	font-size: 13px;
}

/**************
* File Upload
 */
.fileinput-button {
    background-color:#55514f;
}

.fileinput-button:hover {
    background-color:#55514f;
}

/**************
* ACCUEIL
 */


/**************
* Recherche
 */
.tabRecherche {
	width: 100%;
}

.tabRecherche tr th, .tabRecherche tr td {
	padding: 5px 0;
}

/**************
* Societes
 */
.tabsSociete, .tabsAnnees, .tabsMillesime {
	margin-bottom: -6px;
}

.tbDeclaHeader {
	background-color:#55514f;
}
.tbDeclaTotalFam {
	background-color: #fdf5ce;
}
.tbDeclaTotalFam td, .tbDeclaTotal td {
	font-weight: bold;
}
.tbDeclaTotal {
	background-color: #DCCF8F;
}

/****************
* Carousel
 */
.carousel-control {
	width:10%;
}

.carousel-control.left {
	color:#55514f;
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0001) 100%);
}

.carousel-control.right {
	color:#55514f;
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0001) 100%);
}

#panierHeader {
	float: right;
	margin: 40px;
	color: #ffffff;
}

#menuInscr {
	padding: 0px 140px;
	color: #ffffff;
}

@media (max-width: 640px) {
	#menuInscr {
		padding: 0;
	}
	#panierHeader {
		float: none;
		margin: 0;

	}
}


.facture {
	width: 810px;
	margin: 0 auto;
	border: 1px solid #000000;
    padding: 5px 5px 0 5px;
	font-size: 16px;
}
.factureHtml {
	width: 810px;
	margin: 0 auto;
	padding: 5px;
	font-size: 16px;
}
.tblPaiement {
	margin: 5px;
	width: 195px;
}
.facAdresse {
	padding: 50px 0 30px 500px;
	font-weight: bold;

}
.facRef {
	margin: 30px 10px;
}
.facRef table, .facRef table tr, .facRef table tr td {
	border: 1px solid #000000;
}
.facRef table tr td {
	padding: 5px;
}

.facDescr {
	margin: 30px 10px 10px 10px;
}
.tbFac {
	width: 100%;
}
.tbFac, .tbFac tr, .tbFac tr td, .tbFac tr th {
	border: 1px solid #000000;
}
.tbFac tr td, .tbFac tr th {
	padding: 5px;
}
.facMontantGl {
	width: 100%;
	margin: 30px 0;
}
.facMontant {
	margin: 10px;
}
.facMontant, .facMontant tr, .facMontant tr td, .facMontant tr th {
	border: 1px solid #000000;
}
.facMontant tr td, .facMontant tr th {
	padding: 5px;
}

.facValide {
	text-align: center;

}

.facConditions {
	margin: 60px 10px;
	text-align: center;
	font-size: 13px;
}

.facFooter {
	margin: 220px 0 0 0;
	text-align: center;
	color: #0167cc;
	font-size: 13px;
}

.carOff {
	color: rgba(178, 158, 146, 0.45);
}

.table-bo thead tr th {
	color: #ffffff;
	background-color: #55514f;
}

.supprCh {
	float: right;
	margin: 5px 5px 0 0;
	color: #c52525;
}
.chSupp {
	color: #c52525;
}