/*custom superfish menus*/

ul.sf-menu.sf-style-none {
  float: left;
  margin-bottom: 1em;
  padding: 0;
}
ul.sf-menu.sf-style-none.sf-navbar {
  width: 100%;
}
ul.sf-menu.sf-style-none ul {
  margin: 0;
  padding: 0;
}
ul.sf-menu.sf-style-none a,
ul.sf-menu.sf-style-none a:visited,
ul.sf-menu.sf-style-none span.nolink {
  border: 0 none;
  color: #454545;
  padding: 0.75em 1em;
}
ul.sf-menu.sf-style-none a.sf-with-ul,
ul.sf-menu.sf-style-none span.nolink.sf-with-ul {
  padding-right: 2.25em;
}
ul.sf-menu.sf-style-none.rtl a.sf-with-ul,
ul.sf-menu.sf-style-none.rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
ul.sf-menu.sf-style-none span.sf-description {
  color: #13a;
  display: block;
  font-size: smaller;
  line-height: 1.5;
  margin: 0.25em 0 0 0;
  padding: 0;
}
ul.sf-menu.sf-style-none li,
ul.sf-menu.sf-style-none.sf-navbar {
  background: var(--light);
}
ul.sf-menu.sf-style-none li li,
ul.sf-menu.sf-style-none.sf-navbar > li > ul {
  background: var(--light);
}
ul.sf-menu.sf-style-none li li li {
  background: var(--light);
}
ul.sf-menu.sf-style-none li:hover,
ul.sf-menu.sf-style-none li.sfHover,
ul.sf-menu.sf-style-none a.is-active,
ul.sf-menu.sf-style-none a:focus,
ul.sf-menu.sf-style-none a:hover,
ul.sf-menu.sf-style-none span.nolink:hover {
  background: #D2E477;
  outline: 0;
}
div.sf-accordion-toggle.sf-style-none a {
  background: #9eb525;
  color: #13a;
  display: inline-block;
  font-weight: bold;
  padding: 1em 3em 1em 1em;
  position: relative;
}
div.sf-accordion-toggle.sf-style-none  > a:after {
  content: "≡";
  font-size: 2em;
  position: absolute;
  right: 0.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  speak: none;
}
div.sf-accordion-toggle.sf-style-none a.sf-expanded,
ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded {
  background: var(--light);
}
div.sf-accordion-toggle.sf-style-none a.sf-expanded,
ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded > a,
ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded > span.nolink {
  font-weight: bold;
}
ul.sf-menu.sf-style-none.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
ul.sf-menu.sf-style-none.sf-accordion li li a,
ul.sf-menu.sf-style-none.sf-accordion li li span.nolink {
  padding-left: 2em;
}
ul.sf-menu.sf-style-none.sf-accordion li li li a,
ul.sf-menu.sf-style-none.sf-accordion li li li span.nolink {
  padding-left: 3em;
}
ul.sf-menu.sf-style-none.sf-accordion li li li li a,
ul.sf-menu.sf-style-none.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
ul.sf-menu.sf-style-none.sf-accordion li li li li li a,
ul.sf-menu.sf-style-none.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}
ul.sf-menu.sf-style-none.rtl.sf-accordion li li a,
ul.sf-menu.sf-style-none.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}
ul.sf-menu.sf-style-none.rtl.sf-accordion li li li a,
ul.sf-menu.sf-style-none.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}
ul.sf-menu.sf-style-none.rtl.sf-accordion li li li li a,
ul.sf-menu.sf-style-none.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}
ul.sf-menu.sf-style-none.rtl.sf-accordion li li li li li a,
ul.sf-menu.sf-style-none.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}
ul.sf-menu.sf-style-none li.sf-multicolumn-wrapper ol,
ul.sf-menu.sf-style-none li.sf-multicolumn-wrapper ol li {
  margin: 0;
  padding: 0;
}
ul.sf-menu.sf-style-none li.sf-multicolumn-wrapper a.menuparent,
ul.sf-menu.sf-style-none li.sf-multicolumn-wrapper span.nolink.menuparent {
  font-weight: bold;
}

/* custom styles */
.styleinfo {
  text-align: left;
  background: #EEEEEE;
  border: 2px solid #9EB525;
  color: #9EB525;
  padding: 10px;
  margin-top: 0.4em;
  margin-bottom: 0.8em;
  margin-left: 30px;
  margin-right: 30px;
  border-radius: 10px;
  box-shadow: 3px 3px 6px 0 #A9A9A9;
}

.stylealerte {
  text-align: center;
  background: #EEEEEE;
  border: 2px solid #FF0004;
  color: #FF0004;
  padding: 10px;
  margin-top: 0.4em;
  margin-bottom: 0.8em;
  margin-left: 30px;
  margin-right: 30px;
  border-radius: 10px;
  box-shadow: 3px 3px 6px 0 #A9A9A9;
}

.styleavertissement {
  text-align: center;
  background: #EEEEEE;
  border: 2px solid #FF8C00;
  color: #FF8C00;
  padding: 10px;
  margin-top: 0.4em;
  margin-bottom: 0.8em;
  margin-left: 30px;
  margin-right: 30px;
  border-radius: 10px;
  box-shadow: 3px 3px 6px 0 #A9A9A9;
}

/*custom front-page-view*/
.views-row-frontpage {
  border: 2px solid #e2e2e2;
  padding: 20px;
  margin: 0 0 15px;
  box-shadow: 3px 3px 6px 0 #A9A9A9;
}

.datemodif,
.urlsanscouleur {
	font-size: small;
	color: #999 !important;
	font-style: italic;
	margin-bottom: 10px;
	text-align: right;
	float: right;
}

/*custom pour views-accordion*/
.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 {
  border: 1px solid #9eb525;
  background: var(--light);
  font-weight: normal;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited
{
  color: #454545;
  text-decoration: none;
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon
{
  background-image: url(/modules/jquery_ui/assets/vendor/jquery.ui/themes/base/images/ui-icons_444444_256x240.png);
  text-decoration: none;
}

.ui-widget-content a
{
	color: var(--primary);
	text-decoration: none;
}

h3 {
	color: var(--primary);
	text-decoration: none;
}

/*custom pour deeplink chatbot*/
@media screen and (min-width: 512px) {
iframe.dl-iframe-popup.dl-iframe-open {
	width: 80%;
	} 
div.dl-message.dl-message-animate.dl-message-left {
	width: 2000px !important;
	} 
.dl-message-left {
	width: 2000px !important;
	} 
}
button.dl-cb-open-button {
	margin-bottom: 250px !important;
}
.dl-cb-open-button-icon {
	background-color: red !important;
	margin-bottom: 250px !important;
}

/*custom pour les cases à cocher dans les vues en tableau*/
input[type="checkbox"]{
	appearance:auto;!important;
}