/*-------------------------------------------------------------
Ver-Vert Studio
https://www.ververt-studio.com
---------------------------------------------------------------*/


.filter_panel .text {
	vertical-align: middle;
	display: inline-block;
}


.alert-info {
	color: #0e2c46;
    background-color: #d9e9f7;
    border-color: #5a95d2;
}




/*-------------------------------------------------------------
        btn click
---------------------------------------------------------------*/

.btn.btn-primary {
   background-color: #000;
}

.btn.btn-primary:focus {
    background-color: #1d2848;
}

.btn.btn-default:focus {
    background-color: #393939;
	color:#fff;
}

.dark.btn {
    background-color: #000 !important;
}



.form-control:focus {
  border-color: #0089bc !important;
}

.select-search.focus  {
    border-color: #0089bc;
}

.select-search .dropdown .dropdown-strip-container {
    background-color: #43a945;
}


.select-search .dropdown .iScrollVerticalScrollbar > .iScrollIndicator {
    background: #fff;
}

.action-row.btn.btn-primary {
	background-color: #eee;
	color: #333;
    margin-bottom: 2em;
}


.list-inline li > a {
	color: #6b6b6b;
}


.must-ready-inner {
    background-color: #3c9efa;
}

.must-ready .app-studio {
    color: #ffffff;
}

/*-------------------------------------------------------------
                 Must ready color
---------------------------------------------------------------*/

.must-ready::before,
.must-ready::after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 50%;
  left: -50%;
  background: #3c9efa;
  -ms-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}

/*-------------------------------------------------------------
                  Radio check floater
---------------------------------------------------------------*/

.radio-floater > div {
  background-color: #ccc;
}

.radio-floater.checked > div {
  background-color:#299627;
}



/*-------------------------------------------------------------
                  Custom Tooltip
---------------------------------------------------------------*/

.tooltip {
	font-size:12px;
	font-family: "Roboto condensed";
	position:absolute;
}


.tooltip.right {
	margin-left:10px;
}

.tooltip.left {
	margin-left:-10px;
}
.tooltip.bottom {
	margin-top:5px;
}

.tooltip.left > .tooltip-inner,
.tooltip.top > .tooltip-inner,
.tooltip.right > .tooltip-inner,
.tooltip.bottom > .tooltip-inner {
	background-color: #7d7e7e !important;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #7d7e7e;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #7d7e7e;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #7d7e7e;
}

.tooltip.right .tooltip-arrow {
  border-bottom-color: #7d7e7e !important;
}

/* ----------- List info  -----*/

.list-inline.info .btn.cb.active > i {
    color: #e77709;
}


/* ----------- Filter   -----*/

.filters a.clear-all {
	background-color: #0089bc;
}

.top-container {
	position:relative;
	overflow:hidden;
}

.loader {
    background-color: transparent;
    border: 2px solid #858586;
    color: #292929;
}



/*-------------------------------------------------------------
    Color adapt
---------------------------------------------------------------*/
.frame-white .page-heading-separator {
	border-top: 1px solid #333;
}

.frame-gray .page-heading-separator {
	border-top: 1px solid #c3c3c3;
}

.frame-pink .inner-picture,
.frame-pink .inner-picture-wide  {
    background-color: #733249;
}

.frame-pink .page-heading-separator {
	border-top: 1px solid #fff;
}

.frame-green .inner-picture,
.frame-green .inner-picture-wide {
    background-color: #0b5d44;
}

.frame-green .page-heading-separator {
	border-top: 1px solid #fff;
}



/*-------------------------------------------------------------
    Menu
---------------------------------------------------------------*/



.layer-menu .layer-frame-container {
    background-color:#2c3e50;
}

.layer-menu .cmd-close {
    background-color: #2c3e50;
	color: #999;
}





.mobile-menu > li {
    background-color: #1a2a3a;
	border-top: 1px solid #2c3e50 !important;
}


.mobile-menu  li > a.openable,
.mobile-menu  li.closed > a.openable:hover,
.mobile-menu  li > a.closed.openable:hover,
.mobile-menu  li > a:visited,
.mobile-menu  li > a:hover,
.mobile-menu  li > a:focus {
    background-color: #056488 !important;
 }
 
 .mobile-menu .sub-menu > li:hover {
    background-color: #056488 !important;
    color: #ffffff;
}


.mobile-menu .sub-menu  li > a.openable,
.mobile-menu .sub-menu  li.closed > a.openable:hover,
.mobile-menu .sub-menu  li > a:hover,
.mobile-menu .sub-menu  li > a:focus,
.mobile-menu .sub-menu  li:hover,
.mobile-menu .sub-menu  li:focus {
    background-color: #056488 !important;
}

.mobile-menu .badge-primary {
    background-color: #0089bc;
}




/*---------------------------------------------------------------
	Vertical inline menu
---------------------------------------------------------------------*/


.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;

}

.ver-inline-menu li {
  position:relative;
  margin-bottom:1px;
}

.ver-inline-menu li i {
  width: 38px;
  height: 38px;
  display: inline-block;
  color:#226288;
  font-size:15px;
  padding:12px 10px 10px 8px;
  margin:0 8px 0 0;
  text-align: center;
  background:#dbe8f6 !important;
}

.ver-inline-menu li a {
  font-size: 13px;
  color:#666;
  display:block;
  background:#f7f7f7;
  border-left:solid 2px #226288;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background:#e2f3ff;
  text-decoration:none;
}

.ver-inline-menu li:hover i {
  color:#fff;
  background:#226288 !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 13px;
}

.ver-inline-menu li.active a {
  border-left:solid 2px #226288;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color:#fff;
  background:#0089bc;
  text-decoration:none;
}

.ver-inline-menu li.active i {
  background:#226288 !important;
}
.ver-inline-menu li.active:after {

    border-bottom: 0 none;
    border-left: 0 none;
    border-top: 0 none;
    content: "";
    display: inline-block;
    height: 38px;
    position: absolute;
    right: -9px;
    top: 0;
    width: 11px;
 }


/*-------------------------------------------------------------
                    Menu layer & top heading
---------------------------------------------------------------*/

.logging-info li a.login {
    background-color: #0089bc;
}


/*-------------------------------------------------------------
                    Menu container
---------------------------------------------------------------*/


.csstransforms3d .menu-container {
	-webkit-transform: translate3d(0px,0px,0px);
	-moz-transform: translate3d(0px,0px,0px);
	-ms-transform: translate3d(0px,0px,0px);
	transform: translate3d(0px,0px,0px);
}

.no-csstransforms3d .menu-container {

}

.menu-container {
	display:none;
}

.menu-container.floater {
	display:block;
}

.rgba .menu-container {
   background-color: transparent;
}


.menu-container .outer-container  {
    height:100%;
}



.menu-actif.was-show {
    position: fixed;
}



.csstransforms3d .menu-container.animation  {
	-webkit-transition: transform 0.3s ease-in-out 0s;
	-moz-transition:  transform 0.3s ease-in-out 0s;
	-ms-transition:  transform 0.3s ease-in-out 0s;
	transition: transform 0.3s ease-in-out 0s;
}


.csstransforms3d .animation.menu-container  .outer-container  {
	-webkit-transition: background-color 0.5s ease 0s;
	-moz-transition: background-color 0.5s ease 0s;
	-ms-transition: background-color 0.5s ease 0s;
	transition: background-color 0.5s ease 0s;
}


.menu-container .outer-container {
   background-color: transparent;
}


/* Effet au survol (PC / Souris) */
@media (hover: hover) {
  .menu-container .outer-container:hover {
    background-color: #0089bc;
    box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
  }
}

/* Effet instantané au clic/toucher (Mobile + Desktop) */
.menu-container .outer-container:active {
  background-color: #0089bc;
  box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
}

.rgba.boxshadow  .menu-container.clicked,
.rgba.boxshadow  .menu-container.focused,
.rgba.boxshadow  .menu-container.search,
.rgba.boxshadow .menu-container.no-floater.upper,
.rgba.boxshadow  .floater-hide.menu-container,
.rgba.boxshadow  .floater.upper.menu-container {
   box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
}

.floater.was-show.menu-container .outer-container,
.upper.menu-container .outer-container,
.clicked.menu-container .outer-container,
.focused.menu-container .outer-container,
.search.menu-container .outer-container,
.focused.was-show.menu-container .outer-container {
   background-color: #0089bc;
   box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
}


.no-floater.floater.floater-show  .outer-container {
   background-color: transparent;

}

.no-csstransforms3d .searching .menu-container.floater.floater-hide,
.no-csstransforms3d .menu-container.no-floater.floater-show,
.no-csstransforms3d .menu-container.no-floater.floater-show.animation,
.no-csstransforms3d .menu-container.focused.floater.floater-hide {
	top:0px;
}

.no-csstransforms3d .menu-container.no-floater.floater-hide.animation {
	top:-90px !important;
	position:fixed;
}

.page-section.app .btn {
    background-color: #0089bc;

}


.menu-container a.focus {
	position:relative;
}

.menu-container a.focus:after {
  content: "";
  position: absolute;
  bottom: -19px; /* Contrôle la distance exacte sous le texte */
  left: 0;
  right: 0;
  height: 3px; /* Épaisseur du trait */
  background-color: red; /* Couleur du trait */
}

.mobile .menu-container a.focus:after {
  bottom: 0px; /* Contrôle la distance exacte sous le texte */
}

/* .menu-container .main-search-button.focus { */
	/* position: relative; */
	/* background-color: #e80000; */
/* } */

.menu-container .main-search-button.focus:after {
  content: "";
  position: absolute;
  bottom: -14px; /* Contrôle la distance exacte sous le texte */
  left: 0;
  right: 0;
  height: 3px; /* Épaisseur du trait */
  background-color: red; /* Couleur du trait */
}



/*-------------------------------------------------------------
                 Section title a
---------------------------------------------------------------*/

.section-title a {
    font-weight: 600;
}




/*-------------------------------------------------------------
   play commabde
---------------------------------------------------------------*/

.label-info {
    background-color: #0089bc;
}

.label-primary {
    background-color: #0089bc;
}

.label-caps {
    background-color: #000;
    color: #fff;
}

/*---------------------------------------------------------------
	Vertical inline menu - select
---------------------------------------------------------------------*/

.list-item-select {
  padding: 0;
  margin: 0;
  list-style: none;
}

.list-item-select li {
  position:relative;
  background : transparent;
}

.list-item-select li i {
  width: 38px;
  height: 38px;
  display: inline-block;
  color:#b9cbd5;
  font-size:14px;
  padding:12px 10px 10px 8px;
  text-align: center;
}

.list-item-select li a {
	border-left:solid 2px transparent;
    height: 38px;
    line-height: 37px;
    color: #666;
	padding:0px 0px 0px 8px;
	display: block;
    font-size: 13px;
}


.list-item-select li:hover a {
	border-left: 2px solid #0089bc;
	color: #333;
	border-bottom: 0px solid;
 }

.list-item-select li:hover a,
.list-item-select li:hover i {
  background:#ddf6ff;
  text-decoration:none;
  border-bottom: 0px;
}

.list-item-select li:hover i {
  color:#fff;
  background:#c4d5df !important;
}


.list-item-select li.active a {
  border-left:solid 2px #0089bc;
  background:#b6f5c9;
}

.list-item-select li.active a,
.list-item-select li.active i {
  color:#fff;
  text-decoration:none;
}

.list-item-select li.active i {
  background:#ab5807 !important;
}
/*
.list-item-select li.active:after {
    border-bottom: 19px solid transparent;
    border-left: 16px solid #e77709;
    border-top: 19px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -16px;
    top: 0;
}
*/

.list-item-select li.active {

}




/*---------------------------------------------------------------
	Slide bar
---------------------------------------------------------------------*/

.slide-bar-horizontal {
	position:relative;
	top:-6px;
}

.slide-bar-horizontal .inner {
    position: absolute;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 10px;
    background-color: #444;
	cursor: pointer;
}


.slide-bar-horizontal .seek {
	position:absolute;
	height:100%;
	background-color:#66afe9;
}

.slide-bar-horizontal .value {
	position:absolute;
	height:100%;
	background-color:#fff;
}




/*---------------------------------------------------------------
	Fraction
---------------------------------------------------------------------*/

.slider-header {
	position:relative;
	width:100%;
	height:100%;
}


.fraction-slider {
	position:relative;
	width:100%;
	height:100%;
}

.fraction-slider .slide{
	width:100%;
	height:100%;
	position:absolute;
    transform:scale(1);
	opacity:0;
}



.fraction-slider .active-slide{
	display:block !important;
}

.fraction-slider .fs_obj{
	display:block;
	display:none;
	position:absolute;
	top:0px;
	left:100%;
	z-index:7;
}

.fraction-slider .fs_fixed_obj{
	z-index:6;
	left:0;
}

.fraction-slider .fs_obj *{
	display:inline-block;
	position:relative;
	top:0px; left:0px;
}

.fraction-slider .slide {
	width:100%;
	height:100%;
    position:absolute;
    background-size: cover;
	background-position: center center;
    background-repeat: none;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.fraction-slider .slide,
.fraction-slider .slide.end {
   opacity:0;
}

.fraction-slider .slide.start {

}


.fraction-slider .slide {
   transition: opacity 0.5s ease;
}

.fraction-slider .slide.start {
  transition: opacity 0.5s ease, transform 25s ease-in-out;
  transform: scale(1.25);
  opacity:1;
}


.no-animation .fraction-slider .slide {
   transition: none;
}

.no-animation .fraction-slider .slide {
   transition: none;
}

.no-animation .fraction-slider .slide.start {
  transition: none;
  transform: none;
  opacity:1;
}


.fraction-slider .active-slide {

}


.bg0 {
	
   background: url('../images/header/site_head_1.png');

    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}


.header_overlay {
	
  /* L'astuce est ici : on place le centre du cercle en haut à gauche */
    background: radial-gradient(circle at 0% 0%, rgb(7 131 204) 0%, rgb(81 154 197 / 97%) 31%, rgb(100 177 223 / 77%) 56%, transparent 100%);

}

.site_image_inner .shadow_dark {
    background-color: rgba(0, 0, 0, 0.4);
}



/*-------------------------------------------------------------
        Ce footer
---------------------------------------------------------------*/

.footer-widget h6 {
    color: #888;
    border-bottom: 2px solid #0089bc;
    padding-bottom: 5px;
    display: inline-block;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
    margin-top: 0px !important;
    color: #fff;
    text-transform: uppercase;
}

.footer-widget h6 span {
	font-size: 16px !important;
    margin-bottom: 5px;
    margin-top: 5px;
    white-space: nowrap;
    font-family: "Roboto Condensed" !important;
    text-transform: uppercase;
    overflow: hidden;
    text-align: left;
}



footer {
    border-top: 0px;
    padding-top: 40px;
	background-color: #183153;
}

.footer-widget {
    top: 0px;
}

.footer-bottom {
    background: #10223a;
}

.footer-bottom .up {
    background: #183153;
}


footer p {
    color: #949494;
    font-size: 0.75em;
    line-height: 1.5em;
}




footer-widget .btn-primary.active, .footer-widget .btn-primary {
    background-color: #0089bc !important;
}


.footer-widget .social  a:focus,
.footer-widget .social  a:hover {

	color: #0089bc;
}


.post .footer-container {
	padding-left:20px;
	padding-right:20px;
}

.post footer {
	 background-color: #000;
}


.post .footer-widget h6 {
    background-color: #000;
}


.post  footer a {

	color: #fff;
}


/*-------------------------------------------------------------
        switch
---------------------------------------------------------------*/

.has-switch span.switch-primary, .has-switch span.switch-left {
    color: #fff;
    background: #000;
}

.has-switch:focus {
  border-color: #0089bc;

}



/*---------------------------------------------------------------
	Give
---------------------------------------------------------------------*/


.give .btn {
	background-color: #0089bc;
}

.cap-container {
    background-color:  #0089bc;
}


/*---------------------------------------------------------------
	Modal directory line color
---------------------------------------------------------------------*/

.modal-dialog.directories .loader-line:before {
	background-color: #34a756;
}



/* Panzoom */
/* L'élément qui contient l'image ou le contenu zoomable */
.panzoom-element {
    cursor: pointer !important; /* Curseur "main ouverte" au repos */
}

.in .panzoom-element {
    cursor: pointer !important; /* Curseur "main fermée" pendant le clic/déplacement */
}

.in .panzoom-element:active {
    cursor: grabbing !important; /* Curseur "main fermée" pendant le clic/déplacement */
}

/** Leaflet */

.leaflet-control-container {
	display:none;
}

.in .leaflet-control-container {
	display:block;
}

.leaflet-grab {
	 cursor: pointer !important; /* Curseur "main ouverte" au repos */
}

.in .leaflet-grab {
	 cursor: grab !important; /* Curseur "main ouverte" au repos */
}