html {
	scroll-behavior: smooth;
}

@media only screen and (max-device-width:768px){

	.modal-dialog{
	    overflow-y: initial !important
	}
	.modal-body{
	    max-height: calc(100vh - 200px);
	    overflow-y: auto;
	}
	.profile .direction {
		margin-left: 1em !important;
	}
	.profile .photo img {
		width: 120px !important;
	}
}
a {
	color: #0d6efd;
}
.logo-text {
	text-transform: none !important;
}
.text-purple {
	color:  #9368E9 !important;
}
.sep-top {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	margin-top: 5px;
}
.btn {
	font-weight: bold;
}
.required > label:after {
	content: ' *';
    color: #C3232D;
}
.img-responsive img {
	width: 100%;
}
#lostpw {
	font-size: 13px;
	text-align: center;
}
.login-home .footer,
.login-home .copyright,
.login-home .navbar {
	color: white;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);		
}
.login-logos {
	margin-bottom: 10px;
}
.login-logos img {
	width: 150px;
	border-radius: 10px;
	margin-right: 10px;
}
.login-logos #l1 {
	width: 152px;
}
.login-logo img {
	width: 230px;
}
.login-page > .content {
	padding-top: 0;
}
.login-page .slogan {
	color: white;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}
.login-page .texte-login {
	color: white;
	text-transform: uppercase;
	font-size: 48px;
	font-weight: bold;
	margin-top: 0px;	
}
.login-page .card .category {
	display: inline-block;
    position: absolute;
    margin-top: 4px;
    margin-left: 15px;	
}
.logo-site img {
	width: 200px;
}
.picto i {
	font-size: 40px;
	font-weight: 400;
	display: block !important;
	padding: 5px 0 3px 0;
}
#nav-cart-sm > a > i,
#nav-cart > div > i {
	font-size: 40px;
	font-weight: 400;
	display: block !important;
	padding: 7px 4px 3px 1px;
	margin-left: -4px;
	color: #FFA534;
}
.sidebar .slogan {
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0px 0px 18px;
}
.sidebar-mini .slogan {
	display: none;
}
.card .header {
}
.card:after,
.card .header:after {
	clear: both;
	display: table;
    content: " ";
}
.card {
	border-radius: 10px;
}
.card dt {
	font-size: 14px;
}
.card .big-icon {
	font-size: 48px;
	font-weight: bold;
}
.card .ctitle {
	font-size: 1.4rem;
}
.card .ctitle em {
	text-transform: lowercase;
	font-size: 22px;
	float: right;
	color: #aa101f;
}
.card .content {
	clear: both;
}
.card dt,
.card dd {
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 3px;
	font-weight: normal;
}
.card dt {
	border-bottom: 0px solid #eee;
	font-size: 1rem;
	font-weight: bold;
}
.card dd {
	padding-left: 1rem;
}
.card .btn-simple {
	padding: 8px 8px;
}
.card .footer {
	clear: both;
}
.card .category {
	clear: both;
}
.wrapper-login {
	background: url(../img/cma-bg2.jpg) no-repeat center fixed;
	background-size: cover;
}
.arrondi img {
	border-radius: 10px;
}
.td-avatar img {
	width: 60px;
	border-radius: 50%;
	border: 3px solid #f0962d;
}
.sidebar {
}
@media (min-width: 1200px) {
	.sidebar-wrapper,
	.sidebar  {
		min-height: 100vh;
	}
	.main-content {
		min-height: 100vh !important;
	}

}
.sidebar .sidebar-wrapper > .nav {
    margin-top: 5px;
}

.modal-actu .pic img {
	width: 100%;
	border-radius: 5px;
}
.modal-actu .body img {
	width: 100%;
	cursor: pointer;
}

.actu-home .row {
	padding-bottom: 10px;
	border-bottom: 1px solid #E3E3E3;
	cursor: pointer;
}
.actu-home .row-0 td {
	border-top: none;
}
.actu-home .row:last-child {
	border-bottom: none;
}
.actu-home img {
    width: 120px;
    border-radius: 8px;
}
.actus.index h5,
.actu-home h5 {
	text-transform: none;
	text-shadow: 1px 1px 1px #666;	
}
.card-calendar .fc-content-col .fc-time {
}
.card-calendar .fc-title {
	font-size: 13px;
}
.card-calendar .content {
	height: auto;
	margin-top: 15px;
}
.card .footer {
	background-color: #fff;
	padding-top: 2rem;
}
.carousel-caption {
	text-shadow: 0 1px 3px rgba(0,0,0,.8);
	top: 0;
	right: 10%;
	left: 10%;
}
.carousel-caption .btn-une {
	position: absolute;
	bottom: 0;
	right: -10%;
	text-shadow: 0 1px 3px rgba(0,0,0,.8);
	color: white;
}
.carousel-caption h4 {
	background: rgba(255,255,255,0.5);
	border-radius: 5px;
	text-transform: uppercase;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
}
.carousel-control.left {
	width: 3%;
}
.carousel-control.right {

}
.carousel-indicators {
	bottom: 0px;
}
.main-panel .nav .picto {
	padding: 0 7px;
}
.main-panel .nav .picto img {
	width: 48px;
	cursor: pointer;
}
.main-panel .nav .menu-sep {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ddd;
}
.notifs {
	min-width: 300px !important;
	font-size: 12px;
	max-height: 505px;
	overflow-y: auto;
}
.notifs li {
	border-bottom: 1px solid #ddd;
}
.notifs li.read {
	background-color: #eee;
}
.notifs table {
}
.notifs td {
	padding: 5px;
}
.notifs.nav-avatar img {
	width: 35px;
}
.notifs-links {
	float: left;
	display: inline-block;
}
#resa .row a {
	color: black;
}
#resa i {
	padding: 0px 30px;
}
#resa .icon-title {
	font-size: 16px;
	padding-top: 12px;
}
.profile-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.profile .bandeau {
	z-index: 1;
 }
.profile .photo {
 }
.profile .photo img {
	width: 100%;
}
.profile .direction {
}
.profile .infos-right {
	margin-top: 150px;
}
.profile .infos-right td {
	padding: 10px;
}
.profile .files {
	list-style: none;
	padding: 0;
}
.profile .files li {
	margin-bottom: 10px;
}
.profile .files li img {
	margin-right: 10px;
	max-width: 50px;
}
.card .checkbox {
	padding-left: 0;
}
.card .checkbox label {

}
.card .panel {
	margin-bottom: 0px;
}
.pagination > li.active span {
	background-color: #FFA534;
}
.card th a {
	color: #9A9A9A;
}
.card .pg-count {
	font-size: 14px;
	color: #9A9A9A;
	font-weight: 500;
	margin-top: 1em;
}
.sweet-container .btn-info.btn-fill {
    background-color: #447DF7;
    border-color: #447DF7;
}
.search-index .form-control {
	margin: 5px;
}
.panel-title {
	font-size: 14px;
	margin-left: 2em;
}
.ms-ctn .ms-sel-item {
	font-size: 14px;
	color: #555;
}
.profiles .badge.new,
.whoswho .new {
	position: absolute;
  background-color: #aa101f;
}
.nav .badge {
	position: absolute;
	background-color: #aa101f;
	right: 0;
	margin-top: -2em;
}

.tags-fix .form-control {
	width: 100%;
	display: block;
}
.content.actus .panel {
	border-bottom: none;
}
.actus.index .actu-img {
	width: 170px;
}
.actus.index .actu-img img {
	width:  150px;
	border-radius: 5px;
}
.actus.index .actu-body img {
	height:  150px;
	border-radius: 0px;
}
.actus.index .badge.une {
	position: absolute;
    background-color: #0097dd;
    margin-left: -145px;
    margin-top: 5px;
}
.actus.view .actu-img {
}
.actus.view .actu-img img {
	border-radius: 8px;
	width: 100%;
	margin:  15px 0;
}
.actus.index .non-publie {
	background-color: #efefef;
	opacity: 0.8;
}
.actus.index .badge.np {
	position: absolute;
    background-color: #aa101f;
    margin-left: -145px;
    margin-top: 5px;
}
.actus.index .badge.np.expire {
	position: absolute;
    background-color: #FFA534;
    margin-left: -55px;
    margin-top: 5px;
}
.offres .offre-img {
	margin-right: 15px;
	margin-bottom: 15px;
}
.offres .actu-img {
	float: left;
}
.offres .offre-col {
	cursor: pointer;
	margin-bottom: 15px;
}
.offres .offre-col:hover {
	background-color: #eee;
}
.offres h4 {
	margin-bottom: 5px;
}
.offres .offre-cat {
	position: absolute;
	background-color: #447DF7;
	display: block;
	right: 0;
	top: 0;
	color:  white;
	padding: 3px 10px;
	font-style: italic;
    font-weight: bold;
    border-radius: 5px;
}
.offres.view .offre-cat {
	right: 15px;
	top: 15px;
}
.offres .duree {
	margin-bottom: 10px;
}
.offres .prod-img img {
	width:  80px;
	padding-left: 15px;
}
.offres #qty {
	width: 65px;
	height: 37px;
	text-align: right;
}
.offres .quantite .form-group {
	margin: 0;
}
.offres .btn-cart {
	padding: 3px 9px;
}
.offres .btn-cart i {
	font-size: 26px;
	font-weight: bold !important;
}
#nav-cart {
	cursor: pointer;
}
#nav-cart .table {
	margin:  0;
}
#nav-cart .notification {
	top: 5px;
	left: 32px;
}
#nav-cart .dropdown-menu {
	min-width: 400px;
	padding: 5px 15px;
	font-size: 0.8em;
}
#nav-cart .fa .btn {
	cursor: pointer;
	font-size: 16px;
}
.paiement p {
	font-size: 1.2em !important;
}
.paiement label {
	color: #444 !important;
	font-weight: bold !important;
	font-size: 14px !important;
}
.total {
	font-size: 1.2em;
}
a.fc-event {
	cursor: pointer;
}
.event-desc {
	text-align: left;
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #ddd;	
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;	
}
.event-desc p {
	text-align: left;
}
.help-block {
	font-size: 12px;
	font-style: italic;
}
.imgpub {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border:  3px solid #fff;
}
.imgpub img {
	width: 150px;
}
.imgpub.active {
	border:  3px solid #FFA534;
}
.node-body td {
	vertical-align: top;
}
.node-body img {
	max-width: 100%;
	height: auto;
}
.node-img img {
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.nav-tabs > li > a {
	font-weight: bold;
	font-size: 14px;
	color:  #888;
	margin: 0 3px;
	background-color: #efefef;
	border-radius: 10px 10px 0 0;
	border: 1px solid #ddd;
}
.nodes .panel-title {
	font-size: 20px;
	font-weight: 400;
	margin-left: 0;
}
.nodes .panel-default > .panel-heading {
    color: #FFA534;
	padding: 10px 15px;
	text-transform: uppercase;
}
#files-table td {
	padding: 4px 8px;
}
.thumbfile {
	width: 40px;
}
.resa-filtres .bootstrap-select {
	margin-bottom: 10px;
}
.resa-filtres #we {
	height: 1em;
}
.fc-time {
	font-weight: bold;
}
ul.legende {
	margin: 0;
	padding-left: 1em;
	margin-bottom: 1em;
}
.legende li {
	list-style: none;
	float: left;
	margin-right: 1em;
}
.legende span {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 8px;
	margin-right: 1px;
}

.resa-calendar {
	float: left;
	width: 100%;
	height:  750px;
	overflow: hidden;
}
.reservations .week-title {
	background-color: #447DF7;
	color:  white;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	clear: both;
}

.reservations .fc-head .fc-widget-header {
	margin-top: 0px;
}
.resa-calendar .fc-agendaDay-view .fc-day-header {
	height: 3em;
	text-align: center;
}
.resa-calendar .fc-agendaDay-view .fc-week-number span {
	text-align: center;
	display: none;
}
.resa-calendar .fc-agendaDay-view th {
	text-align: center;
}
.resa-calendar .fc-agendaDay-view th.fc-week-number {
	text-align: center;
	font-size: 24px;
	padding-top: 5px;
	vertical-align: middle;
	background-color: #48b14a;
	color:  #000;
	font-weight: bold;
	cursor: pointer;
}
.fc-agendaWeek-view .fc-day-header {
	text-align: left;
	padding: 0;
}
.fc-agendaWeek-view .fc-day-header .pe-7s-plus {
	text-align: center;
	font-size: 24px;
	padding: 5px;
	margin-right: 15px;
	vertical-align: middle;
	background-color: #48b14a;
	color:  #000;
	font-weight: bold;
	cursor: pointer;	
}
.fc-time-grid-event .fc-time {
	font-size: 1em;
}
.reservations .fc {
}
.reservations .fc-event-container {
}
.reservations .fc h2 {
}
.reservations .fc-rname {
	font-size: 16px;
	font-weight: bold;
	margin-top: 8px;
}
.reservations .fc-event {
	border: 1px dotted #888;
	font-size: 0.90em;
}
.reservations .fc-agendaDay-view .fc-day-header {
	color: #fff;
	background-color: #888;
	padding-right: 0 !important;
}
.reservations #add-event .panel-title {
	margin-left: 0;
	line-height: 1em;
}
.reservations #add-event .panel-title a {
	font-weight: bold;
	color: #000;
}
.reservations #add-event .panel {
	border: none;
	margin-bottom: 0;
}
.cal-loader {
	display: block;
	width: 2em;
	display: none;
}
#resa-save-loader {
	display: inline-block;
}
#resa-save-loader img {
	display: none;
}
.liens {
	list-style: none;
}
.liens li {
	float: left;
	margin-right: 2em;
	font-size: 16px;
	margin-bottom: 1em;
}
.liens li a {
	color:  #48b14a;
}
.liens li img {
	width:  100px;
}
.forumtopics-index img {
	width: 150px;
}
.forumtopic .forum-img img {
	float: left;
	padding: 15px 15px 15px 0;
	width: 300px;
}
.price {
	font-size: 16px;
	font-weight: bold;
}
.forumtopic.view .price {
	margin-bottom: 1em;
}
.btn-purple {
	color:  #9368E9;
    border-color: #9368E9;
}
.btn-purple.btn-fill {
    color: #FFFFFF;
    background-color: #9368E9;
    opacity: 1;
    filter: alpha(opacity=100);
}
.footer {
}
.footer-transparent {
	background-color: transparent;
}
.footer li a {
	font-size: 14px;
}
/* fix bs modal bug on mobile */
@media (max-width: 1023px) {
	.modal {
		background: rgba(0,0,0,0.5);
	}
	.modal-backdrop {
		display: none !important;
	}
}

/* PhotoGallery Plugin CSS */

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

ul.pg_list li {
    float: left;
    padding: 5px;
}

ul.pg_list li:hover {
    opacity: 0.8;
}

ul.pg_list li .pg_caption {
    font-size: 10px;
    text-align: center;
}

.pg_actions {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
}

.pg_actions a, .pg_actions a:visited, .pg_actions a:active {
    color: #FFF;
    padding: 5px;
    font-size: 10px;
}

.pg_actions .delete {
    background: #900;
}

.pg_actions .edit {
    background: #259b24;
}

.pg_actions .delete:hover, .pg_actions .edit:hover {
    background: #CCC;
}

.pg_delete a, .pg_delete a:visited {
    color: #FFF;
    display: block;
    background: #900;
    padding: 15px;
    margin: 30px auto;
    text-align: center;
    max-width: 300px;
}

.pg_delete a:hover {
    background: #CCC;
}
.public-home {
	background-color: #666666;
	min-height: 100%;
}
.public-home .vert {
	background-color: #ccff33;
}
.public-home .rouge {
	background-color: #ff9933;
}
.public-home .bleu {
	background-color: #399fff;
}
.public-header {
}
.public-header img {
	width: 160px;
	display: inline-block;
	padding: 10px;
	margin:  15px;
	background-color: white;
	border-radius: 15px;
	margin-right: 100px;
}
.public-header #day {
	color:  white;
	font-size: 2.5em;
	text-align: center;
	font-weight: bold;
}
.public-container table {
	font-size: 2em;
	background-color: white;
	font-weight: bold;
}
.public-container table th {
	font-size:  1em !important;
	color:  #333 !important;
	font-weight: bold !important;
	border:  1px solid #333 !important;
}
.public-container table td {
	border:  1px solid #333 !important;
	font-weight: bold !important;
}
.public-pager {
	position: absolute;
	right: 0px;
	top: 0px;
	color:  white;
	font-size: 2.5em;
	text-align: center;
	font-weight: bold;
}

/* Search */
.search-container .header {
	margin-bottom: 10px;
}
.navbar-search-form {
	margin: 0 !important;
	margin-top: 5px !important;
	color:  #565656;
}
.search-results .title {
}
.search-results .title a {
	font-size: 1.3em;
	text-decoration: underline;
}
.search-results.content,
.search-results .content {
	padding: 5px 15px;
}
.search-results .created {
	font-size: 0.8em;
	font-style: italic;
}
.search-results em {
	background-color: #0097dd;
	color:  white;
	font-style: normal;
	padding: 0 5px;
}
#search {
}
.navbar-form .form-control {
	color:  #AAAAAA;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.comment-avatar img {
	width: 30px;
	border-radius: 50%;
  border: 3px solid #f0962d;
}
.comments {
	clear: both;
	margin-left: 2em;
	margin-top: 2em;
	border-top: 0px solid #CCC;
}
.comments h5 {
	margin-top: 0.5em;
}
.comment-author {
	margin-bottom: 1em;
	border-bottom: 1px solid #CCC;
}
.comment-btn {
	margin-top: 1em;
	margin-bottom: 0.5em;

}
.navbar-brand {
}
.navbar-brand .logo {
}
#dpt-form label {
	clear: both;
	display: block;
}
#dpt-li li, #dpt-form li {
	margin-right: 1em;
	
	list-style-type: none;
	font-size: 14px;
	font-weight: normal;
}
#dpt-li li input, #dpt-form li input {
	margin-right: 0.5em;
}
.forum #dpt-form label {
	margin-top: 1em;
}
.actu-oe {
	padding: 0 2em;
	font-size: 1.2em;
}
.actu-oe a {
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
}
.actu-oe hr {
		margin: 0.5em 0;
}
.logo-m {
	float: left;
}
.logo-m img {
	width: 150px;
	padding: 10px;
	padding-top: 5px;
}
.produits p {
	margin-bottom: 0;
}
.search-index label {
	display: none;
}
.menu-txt {
	font-size: 12px;
}