/*body.devenv { /*background-image:url('/images/devbg.jpg'); } */
/*body.devenv #header, body.devenv #page, body.devenv #footer { background-color:white; }*/
body.devenv #header {
  background-color: red;
}

body {
  background-color: white;
  margin: 0;
  color: #818181;
  text-align: center;
  min-width: 1080px;
}
#page,
.page {
  position: relative;
  min-width: 465px;
  max-width: 900px;
  background-color: white;
}

#content {
  position: relative;
  min-height: 600px;
  width: 100%;
  float: left; /*padding-top:30px;*/
}

.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.justify {
  text-align: justify !important;
}

.bg-white {
  background-color: white !important;
}
.border-none {
  border: 0px !important;
}
.w80pct {
  width: 80% !important;
}

img,
a img {
  border: 0px !important;
}

input:text {
  -webkit-appearance: none;
  border-radius: 0px;
  border: 1px solid #c9c9c9;
}

/* ### ALERT-COOKIES ########################################################### */

#alert-cookies {
  z-index: 9999;
  background: #666666;
  padding: 8px 0;
  color: #ffffff;
  font-size: 10px;
  display: none;
}
#alert-cookies .page {
  background: initial;
  text-align: left;
}
#alert-cookies #close-alert {
  float: right;
}
#alert-cookies #close-alert:hover {
  cursor: pointer;
}
#alert-cookies span.txt {
  display: block;
}
#alert-cookies div.btn-wrapper {
  width: 100%;
  text-align: left;
  margin: 8px 0px 4px 0px;
}
#alert-cookies button {
  font-size: inherit;
}

.ref_row i.fa {
  margin-left: 10px;
}
.ref_row i.fa:hover {
  cursor: pointer;
  color: #3974fb;
}

/* ### HEADER ########################################################### */
#header {
  position: relative;
  width: 100%;
  float: left;
  text-align: left;
  margin-bottom: 20px;
  min-width: 900px;
}
/* TMP */ /* #header { border-bottom:1px solid black; float:left; } */
#header #logo {
  position: relative;
  height: 160px;
  top: 10px; /*left:-80px;*/
  float: left;
}
#header #sitename {
  position: relative;
  float: left;
  top: 110px;
  left: -65px;
  font-weight: bold;
  width: 450px;
}
#header div.recherche {
  width: 220px;
  top: 68px;
  float: right;
}
#header h5 {
  font-size: 16px;
}

#header-ariane {
  position: relative;
  width: 100%;
  float: left;
}
#header-ariane ul,
#header-ariane ul li {
  display: inline-block;
}
#header-ariane ul {
  padding-left: 15px;
}
#header-ariane li {
  margin-right: 15px;
}
#header-ariane li a {
  color: inherit;
}

/* #header-ariane li:not(:first-of-type):before { content:">"; } */

#header #lang_switcher {
  position: absolute;
  top: 0px;
  right: 35px;
  margin: 0px;
  padding: 6px 6px;
  background-color: #666666;
  text-align: center;
}
#header #lang_switcher {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#polyglotLanguageSwitcher a.current {
  height: auto !important;
  padding-right: 18px !important;
}
#polyglotLanguageSwitcher span.trigger {
  top: 10px !important;
}
#polyglotLanguageSwitcher a.current,
#polyglotLanguageSwitcher ul.dropdown {
  width: 100px;
  text-align: left;
}

#header .menu {
  position: relative;
  width: 100%;
  float: left;
  margin: 20px 0px 0px 0px;
  background-color: #666666;
  padding: 0px 0px 0px 10px;
  color: white;
  font-size: 11px;
}
#header .menu li {
  display: inline;
  margin: 0px 4px 0px 4px;
  float: left;
}
#header .menu li:hover {
  background-color: #669933;
  cursor: pointer;
}
#header .menu a {
  color: inherit;
  padding: 0px 4px 0px 4px;
  line-height: 24px;
}

#header .bs_menu {
  border-radius: 0px;
  background-color: #666666;
  width: 100%;
  overflow: hidden;
}
#header .bs_menu li:hover {
  background-color: #669933;
  cursor: pointer;
}
#header .bs_menu li a {
  color: white;
  border-color: white;
  background-color: inherit;
  border-radius: 0px;
  margin-left: inherit;
}
#header .bs_menu li {
  color: white;
  border-color: white;
  background-color: inherit;
  border-radius: 0px;
  margin-left: inherit;
  border-width: 2px;
}
/*#header .bs_menu>li:last-child>a, #header .menu>li:last-child>span { border-right-width:2px; }*/

#header .bs_nav_menu {
  border-radius: 0px;
  background-color: #666666;
  width: 100%;
  float: left;
  margin: 20px 0px;
}
#header .bs_nav_menu li:hover {
  background-color: #669933;
  cursor: pointer;
}
#header .bs_nav_menu li a {
  color: white;
  border-color: white;
  background-color: inherit;
  border-radius: 0px;
  margin-left: inherit;
}
#header .bs_nav_menu li {
  color: white;
  border-color: white;
  background-color: inherit;
  border-radius: 0px;
  margin-left: inherit;
  border-width: 2px;
}
#header .bs_nav_menu .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
#header .bs_nav_menu .navbar-collapse {
  padding-left: 0px;
}
#header .bs_nav_menu .dropdown li a {
  color: #666666;
}
#header .bs_nav_menu .dropdown li a:hover {
  color: white;
}

/* ### FOOTER ########################################################### */
#footer {
  position: relative;
  width: 100%;
  min-height: 100px;
  float: left;
  font-size: 11px;
  border-top: 1px solid #818181;
}
/* TMP */ /* #footer { border-top:1px solid black; border-bottom:1px solid red; } */

#footer .margin-bottom {
  float: left;
  width: 100%;
  height: 30px;
} /* IE margin-bottom fix */

#footer a {
  color: inherit;
}

#footer .nomobile .leftcol {
  width: 30%;
  float: left;
  text-align: left;
}
#footer .nomobile .rightcol {
  width: 65%;
  float: right;
  text-align: right;
}

#footer .copyright {
  margin-top: 10px;
  width: 100%;
  float: left;
}
#footer .solagro {
  margin-top: 10px;
  width: 170px;
  height: auto;
}
#footer .legal {
  margin-top: 10px;
  width: 100%;
  float: left;
}
#footer .credit {
  margin-top: 10px;
  width: 100%;
  float: left;
}
#footer .credit a {
  color: red;
}

#footer .partenariat {
  margin: 10px 0px 10px 0px;
  width: 100%;
  float: right;
}
#footer .ministere {
  margin-top: 10px;
  width: 100px;
  height: auto;
  float: right;
}

#footer .dblicon {
  margin-left: 10px;
  float: right;
  width: 100px;
}
#footer .tplicon {
  margin-left: 10px;
  float: right;
}
#footer .tplicon img {
  margin: 10px 0px 0px 20px;
  width: 170px !important;
  height: auto;
  float: right;
}

#footer .onema {
  width: 100px;
  height: auto;
  float: right;
  margin-top: 5px !important;
}
#footer .ecophyto {
  width: 100px;
  height: auto;
  float: right;
  margin-top: 0px !important;
}

/* ### GENERAL: LINKS ################################################### */
a {
  text-decoration: none;
  color: #3974fb;
}
a:hover {
  text-decoration: underline;
  color: #3974fb;
  cursor: pointer;
}
a.a_gray {
  color: #818181;
}
a.a_gray:hover {
  /* color:red; */
}
a.a_red {
  color: red;
}
a.a_white {
  color: white;
}

.desc_ref,
.desc_ref a {
  /*color:#3974FB; text-decoration:none;*/
  color: inherit;
  text-decoration: underline;
}

.desc_ref:hover {
  text-decoration: none;
  border-bottom: 1px dashed;
}
.desc_ref a sup {
  text-decoration: none;
}

.option_box {
  display: none;
  width: 300px;
  background-color: darkgray;
}
.option_box .title {
  text-align: left;
  font-width: bold;
  color: white;
  background-color: red;
  padding: 10px;
  width: 100%;
}
.option_box .body {
  font-width: bold;
  color: white;
  width: 100%;
  min-height: 100px;
  max-height: 300px;
  overflow: auto;
}
.option_box .body li {
  margin-bottom: 8px;
  white-space: nowrap;
}

.reduce_box {
  float: right;
  height: 16px;
  width: 16px;
  overflow: hidden;
}
.reduce_box img {
  margin-top: 0px;
}
.reduce_box img:hover {
  margin-top: -20px;
}

#main_block {
  width: 700px;
  max-width: 700px;
  min-width: 460px;
  margin-bottom: 40px;
  margin: auto;
}
.col_title {
  text-align: left;
  vertical-align: top;
  width: 23%;
  max-width: 100px;
  padding: 0px 10px 10px 0px;
}
.col_value {
  text-align: justify;
  vertical-align: top;
  width: 77%; /*max-width:500px;*/
}

.ref_row {
  text-align: left;
}
.empty_ref,
.empty_ref:hover {
  color: #ff8083;
}

.top3 {
  font-size: smaller;
  border: 1px solid #ff7f00;
  padding: 2px;
  color: #ff7f00;
}
.top3.white {
  border: 1px solid #fff;
  color: #fff; /*font-weight: bold;*/
}

.title-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #818181;
  margin-bottom: 1em;
  padding-bottom: 10px;
}

div#content table th {
  padding: 10px 10px 0px 10px;
}

div#content table td {
  padding: 10px 10px 10px 10px;
}

h2.section {
  position: relative;
  text-align: left;
  max-width: 750px;
  margin-top: 40px;
  margin-bottom: 10px;
}
h2.section.section-subdivision {
  font-size: 1.6em;
}

h3.espece {
  text-align: right;
  font-size: 21px;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 0;
}

tr.fiche-description .toggle.toggle-description-more {
  font-size: 16px;
  padding: 2px 16px;
}

li.recherche {
  max-width: 750px;
}

/* ### OUTIL ################################################### */

.tploutil-outil div.culturespartypebio {
  width: 48%;
  margin-bottom: 28px;
}
/* .tploutil-outil div.culturespartypebio ~ div.culturespartypebio { margin-top:30px; } */
.tploutil-outil div.culturespartypebio span.typebio {
  font-style: italic;
  margin-bottom: 10px;
  padding-left: 15px;
  display: block;
}

div#outil_recap {
  width: 100%;
  float: left;
}
div#outil_recap hr,
div#outil_pa hr,
div#outil_cp hr,
div#outil_lgd hr,
div#outil_graph hr {
  border-top: 1px solid darkgrey;
  width: 100%;
  float: left;
}
div#outil_recap div.alert {
  position: relative;
  text-align: left;
  float: left;
  width: 100%;
}
div#outil_recap div.alert #step {
  float: left;
  width: 20%;
  font-weight: bold;
}
div#outil_recap div.alert #values {
  float: left;
  width: 68%;
  padding: 0px 5px 0px 20px;
}
div#outil_recap div.alert #button {
  text-align: right;
  float: right;
  width: 12%;
}
div#outil_recap div.alert #button a {
  display: inline;
}

div#outil_recap .glyphicon {
  top: 3px;
}

html.tploutil-outil #btn-fullscreen,
html.tploutil-outil select#rotation-select {
  float: right;
}
html.tploutil-outil select#rotation-select {
  background-color: #900;
  color: white;
  border-color: #900;
  height: 34px;
  top: 10px;
  position: relative;
}

html.tploutil-outil:not(.fullscreen) div#outil_pa,
html.tploutil-outil:not(.fullscreen) div#outil_cp,
html.tploutil-outil:not(.fullscreen) div#outil_lgd {
  float: left;
  width: 100%;
}
div#outil_pa,
div#outil_cp,
div#outil_lgd {
  text-align: left;
}
div#outil_pa a {
  float: left;
}
div#outil_pa a,
div#outil_cp {
  margin-top: 4px;
  margin-right: 4px;
}

div#outil_pa h5,
div#outil_cp h5 {
  float: left;
}
div#outil_pa h5 p,
div#outil_cp h5 p {
  float: left;
  padding-top: 6px;
}
div#outil_pa p.lgd-label,
div#outil_cp p.lgd-label {
  margin-right: 8px;
}
div#outil_pa h5 span:first-of-type,
div#outil_cp h5 span:first-of-type {
  /*margin-left:20px!important;*/
}
div#outil_pa span.lgd-item,
div#outil_cp span.lgd-item {
  float: left;
  margin-right: 6px;
}
div#outil_pa h5 span.lgd,
div#outil_cp h5 span.lgd {
  float: left;
  font-weight: normal; /*margin:0px 20px 0px 0px;*/
  padding-top: 6px;
}
div#outil_pa h5 span.pos,
div#outil_pa h5 span.neg,
div#outil_pa h5 span.ntr,
div#outil_pa h5 span.nc,
div#outil_cp h5 span.pos,
div#outil_cp h5 span.neg,
div#outil_cp h5 span.ntr,
div#outil_cp h5 span.nc {
  float: left;
  height: 16px;
  width: 16px;
  border: 1px solid black;
  display: block;
  margin: 5px 4px 0px 4px;
}
div#outil_pa h5 span.pos,
div#outil_cp h5 span.pos {
  background-color: rgba(0, 255, 0, 0.7) !important;
}
div#outil_pa h5 span.neg,
div#outil_cp h5 span.neg {
  background-color: rgba(255, 0, 0, 0.5) !important;
}

#outil_lgd span.fromvtiger {
  height: 16px;
  display: inline-block;
  width: 16px;
}

#outil_stepttl {
  position: relative;
  color: #900;
}
#outil_stepttl span.badge {
  background-color: #900;
  vertical-align: top;
  margin-top: 4px;
}

#outil_tri {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

#result_wrapper .list-group {
  width: 45%;
  text-align: left;
  float: left;
}

#result_wrapper {
  position: relative; /*border:1px solid black;*/
  width: 100%; /*background-color:black;*/
  display: inline-block;
  text-align: left;
}
#result_wrapper .item {
  position: relative;
  margin-top: -2px;
  height: 204px;
  display: inline-block;
  overflow: hidden;
  width: 32.99%;
  background-color: #333;
  background-position-x: 50%;
  background-position-y: 64%;
  background-position: center 64%;
  background-repeat: no-repeat;
}

#result_wrapper .item .bg-pict {
  position: absolute;
  top: 0px;
  left: 0px;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  max-width: 110%; /*width:100%;*/
}
#result_wrapper .item .body {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 0px;
  z-index: 99;
  min-height: 74px;
}
#result_wrapper .item .title {
  width: 100%;
  padding: 0px 14px 8px 14px;
}
#result_wrapper .item .title span.glyphicon {
  /*width: 13%;*/
  margin-right: 10px;
  float: left;
}
#result_wrapper .item .title p {
  /*width: 87%; float:left;*/
  height: 100%;
  font-size: 0.9em;
}
/*#result_wrapper .item .title p span:last-of-type:before { content:'<br/>'; }*/

#result_wrapper .culture .title span.glyphicon {
  width: 6%;
  float: left;
}
#result_wrapper .culture .title span {
  display: block;
  float: left;
}
/* #result_wrapper .culture .title p { width:auto; height:100%; float:left; } */

#result_wrapper .item .voir_fiche {
  z-index: 10;
  position: absolute;
  bottom: 6px;
  right: 6px;
  display: none;
  color: black;
}
#result_wrapper .item .voir_liens {
  z-index: 10;
  position: absolute;
  bottom: 6px;
  left: 6px;
  display: none;
  color: black;
}

/*#result_wrapper .item .saisons { position: absolute; top: 62px; left: 6px; font-size: 20px; color:white; }*/
#result_wrapper .item .saisons {
  position: absolute;
  top: 52px;
  right: 52px;
  z-index: 8888;
  color: white;
  display: none;
}
html.tploutil-outil.fullscreen .item .saisons {
  position: absolute;
  bottom: 0px;
  right: 4px;
  z-index: 8888;
  color: white;
  display: none;
}

html.tploutil-outil .item .saisons-culture-ravageur {
  /*display:block!important;*/
}
html.tploutil-outil .item .saisons div {
  filter: alpha(opacity=30);
  opacity: 0.3;
}
html.tploutil-outil .item .saisons div {
  display: inline-block;
}
html.tploutil-outil .item .saisons div.active {
  filter: alpha(opacity=100);
  opacity: 1;
  border: 0px;
}
html.tploutil-outil .item .saisons div.active span.ete {
  color: #ffff00;
}
html.tploutil-outil .item .saisons div.active span.hiver {
  color: #93f2fd;
}
html.tploutil-outil .item .saisons div.active span.printemps {
  color: #51f900;
}
html.tploutil-outil .item .saisons div.active span.automne {
  color: #ccc;
}
html.tploutil-outil:not(.fullscreen) .saisons span.fromvtiger {
  height: 16px;
  display: block;
  width: 16px;
}
html.tploutil-outil.fullscreen .saisons span.fromvtiger {
  display: block;
  height: 9px;
  width: 9px;
  background-size: contain;
}

html.tploutil-outil .item .impact {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=50);
  opacity: 0.5;
  display: none;
}
html.tploutil-outil .item .impact-neg {
  background-color: red !important;
}
html.tploutil-outil .item .impact-pos {
  background-color: green !important;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
/* #result_wrapper .item .impact { background-color:blue; } */

html.tploutil-outil:not(.fullscreen) .item-selected {
  border: 2px solid #0996ff !important;
}

html.tploutil-outil .ravageurs_box .item-selected {
  border: 2px solid #ff0000;
}
html.tploutil-outil .ennemis_box .item-selected {
  border: 2px solid #0996ff;
}
html.tploutil-outil .plantes_box .item-selected {
  border: 2px solid #28cc00;
}
html.tploutil-outil .iae_box .item-selected {
  border: 2px solid #c46600;
}

html.tploutil-outil .item .ranking {
  position: absolute;
  left: 42px;
  z-index: 8888;
  color: white;
  display: none;
}
html.tploutil-outil:not(.fullscreen) .item .ranking {
  top: 52px;
}
html.tploutil-outil.fullscreen .item .ranking {
  bottom: 0px;
  left: 4px;
}

html.tploutil-outil .item .ranking-culture-ravageur {
  display: block;
}
html.tploutil-outil .item .ranking .star,
.ranking .star {
  display: inline-block;
}
html.tploutil-outil .item .ranking .star-active,
.ranking .star-active {
  color: #fdcc22;
}

html.tploutil-outil .item.inactive {
  filter: alpha(opacity=20) !important;
  opacity: 0.2 !important;
}
/* html.tploutil-outil:not(.fullscreen) .item.active { border:1px solid #EEEEEE!important; /*height:204px;* / } */
/* html.tploutil-outil.fullscreen .item.active { padding:4px; } */
/*html.tploutil-outil.fullscreen .item.active { border-color:#0996FF!important; }*/

html.tploutil-outil.fullscreen .item.ravageur.active,
html.tploutil-outil.fullscreen .item-selected.ravageur {
  border-color: #ff0000 !important;
}
html.tploutil-outil.fullscreen .item.ennemi.active,
html.tploutil-outil.fullscreen .item-selected.ennemi {
  border-color: #0996ff !important;
}
html.tploutil-outil.fullscreen .item.plante.active,
html.tploutil-outil.fullscreen .item-selected.plante {
  border-color: #28cc00 !important;
}
html.tploutil-outil.fullscreen .item.iae.active,
html.tploutil-outil.fullscreen .item-selected.iae {
  border-color: #c46600 !important;
}
html.tploutil-outil.fullscreen .item.active {
  cursor: pointer;
}

.culture h2 .glyphicon {
  color: #fdcc22;
}
.ravageur h4 .glyphicon {
  color: #ff0000;
}
.ennemi h4 .glyphicon {
  color: #0996ff;
}
.plante h4 .glyphicon {
  color: #28cc00;
}
.iae h4 .glyphicon {
  color: #c46600;
}

/*

.ravageurs_box, .ennemis_box, .plantes_box, .iae_box { margin-top: 3px; padding-top: 5px; }

.stripes {
	background-color: #888888;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,
								color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
								color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
								color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
		 						to(transparent));
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent);
		background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent);
		background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent);
		background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
							transparent 75%, transparent);	
							
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}
*/

#result_wrapper .box {
  float: left;
  width: 100%;
}

#result_wrapper .catpanel {
  float: left;
  height: 0px;
  margin: -1px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#result_wrapper .catpanel p {
  padding: 4px 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  min-width: 160px;
  color: black;
  font-weight: bold;
}
#result_wrapper .catpanel-cultures p {
  background-color: #fdcc22;
}
#result_wrapper .catpanel-ravageurs p {
  background-color: #ff0000;
  margin-left: 9px;
  color: white;
}
#result_wrapper .catpanel-ennemis p {
  background-color: #0996ff;
  margin-left: 9px;
  color: white;
}
#result_wrapper .catpanel-plantes p {
  background-color: #28cc00;
  margin-left: 9px;
}
#result_wrapper .catpanel-iae p {
  background-color: #c46600;
  margin-left: 9px;
  color: white;
}

.ref_row {
  text-align: left;
}
.empty_ref {
  color: #ff8083;
}

div.rlinks {
  float: left;
  width: 100%;
  margin-left: 0px;
}
div.att {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

ul.attachments {
  display: block;
  float: left; /*margin-left: 150px;*/
  width: 100%;
  padding-left: 0px;
  -webkit-padding-start: 0px;
}
ul.attachments li {
  position: relative;
  display: block;
  float: left;
  margin-right: 20px;
  height: 100px;
}
ul.attachments li .icon {
  height: 60px;
  width: 60px;
  margin-bottom: 5px !important;
  margin: 0 auto;
  background-size: cover !important;
}
ul.attachments li .filename {
  min-width: 100%;
  max-width: 100%;
  color: #818181;
}
ul.attachments a,
ul.attachments a:hover {
  color: inherit;
}
ul.attachments a:focus {
  outline: none;
}
ul.attachments img.pdf-thumb {
  width: 70%;
  height: auto;
}

ul.attachments .filename {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#player-button,
li a.video button {
  vertical-align: middle;
  z-index: 1;
  position: relative;
  margin-top: 14px;
  font-size: 1em;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
#player-button:focus,
li a.video:focus,
li a.video button:focus {
  outline: none;
}
li.video a:hover #player-button,
li a.video:hover button {
  background: #000;
  color: #fff !important;
}
li a.video button {
  position: absolute;
  font-size: 3em;
  padding: 16px 38px;
  left: 50%;
  top: 50%;
  margin-top: -38px;
  margin-left: -60px;
}

.gallery {
  width: 100%;
  padding-left: 5px;
}
.gallery img {
  /*max-height:600px;*/
  width: 100%;
}
.gallery .caption img[src*="ccbysa"] {
  width: auto;
  max-height: 38px;
  float: left;
  padding: 0px 8px 8px 0px;
}
.gallery .caption img {
  width: auto;
}
.gallery li div {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  text-shadow: 0px 0px 3px #000;
  width: 100%;
  text-align: justify;
  padding: 4px;
}
.gallery .bx-wrapper img {
  display: initial;
}
.gallery ul {
  margin: 0;
  padding: 0;
}
.gallery li {
  margin: 0;
  padding: 0;
}
.gallery .bx-wrapper .bx-prev {
  left: 5px;
}
.gallery .bx-wrapper .bx-next {
  right: 15px;
}

.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
  cursor: move;
}
div.modal-dialog div.modal-body {
  min-height: 200px;
  max-height: 400px;
  overflow-y: scroll;
}
.bootstrap-dialog {
  text-align: left;
}
/*.bootstrap-dialog ul { margin-bottom: 0px; padding-top: 15px; padding-bottom: 15px; }

.bootstrap-dialog li p { margin-bottom:0px; font-size:90%; margin-right:10px; }
.bootstrap-dialog li p:first-of-type { font-size:100%; }
*/
/* .bootstrap-dialog li:first-of-type { margin-bottom:initial; } */
/*.bootstrap-dialog li { margin-bottom:10px; }*/

.modal-body {
  padding: 0px;
  text-align: justify;
}
.modal-footer {
  margin-top: 0px;
}

html.tplglossaire .modal-body {
  width: 100% !important;
  padding: 10px 30px !important;
}

/*.bootstrap-dialog .ref { font-size:0.6em!important; }*/
/*.bootstrap-dialog .label { font-size:inherit; color:inherit; font-weight:bold; padding:0; }*/
/*.bootstrap-dialog .val { font-size:inherit; color:inherit; font-weight:normal; }*/
/*.bootstrap-dialog .nom { font-size:1.2em; }*/
/*.bootstrap-dialog .espece { font-size:1.0em; font-style:italic; }*/
/*.bootstrap-dialog .espece::before { content:' - '; }*/

/*.bootstrap-dialog .row { text-align:left; padding:0; }*/
/*.bootstrap-dialog .label { font-size:inherit; color:inherit; font-weight:bold; padding:0; margin:0; }*/
/*.bootstrap-dialog .label::after { content:' : '; }*/
/*.bootstrap-dialog .val { font-size:inherit; color:inherit; font-weight:normal; }*/
/*.bootstrap-dialog .nom { font-size:1.2em; padding:0; }*/

.bootstrap-dialog-message {
  overflow-x: hidden;
  padding-top: 12px;
  min-height: 200px;
  padding: 20px 0px;
}
.bootstrap-dialog ul {
  padding-top: 0px;
  padding-bottom: 0px;
}
/*.bootstrap-dialog ul:first-of-type { padding-top:12px; }*/
.bootstrap-dialog li {
  margin-bottom: 20px;
  list-style-type: none;
}
.bootstrap-dialog .row {
  border-bottom: 1px solid #eee;
  padding-bottom: 2px;
}

/*
.bootstrap-dialog .row { margin: 0px 0px 20px 12px; }
.bootstrap-dialog .row:first-of-type { margin-top:12px; }
.bootstrap-dialog li .row { margin: 0px; }
*/

.bootstrap-dialog button {
  margin-bottom: 20px;
}
.bootstrap-dialog .row,
.bootstrap-dialog .row div {
  text-align: left;
}
.bootstrap-dialog .row .col-md-12 {
  font-size: 1.1em;
}
.bootstrap-dialog .row .col-md-4 {
  font-weight: bold;
}
html:not(.tploutil-outil) .bootstrap-dialog .row .col-md-4::after {
  content: " : ";
}
.bootstrap-dialog .row .col-md-8 {
  padding-right: 20px;
}
.bootstrap-dialog .row .col-md-4,
.bootstrap-dialog .row .col-md-8 {
  font-size: 0.8em;
}
.bootstrap-dialog .popup-nom,
.bootstrap-dialog .popup-espece {
  font-weight: bold;
}
.bootstrap-dialog .popup-espece {
  font-size: 0.9em;
  font-style: italic;
}
.bootstrap-dialog .popup-espece::before {
  content: " - ";
}
.bootstrap-dialog .popup-ref {
  font-size: 0.7em !important;
}
.bootstrap-dialog h4 {
  margin: 30px 0px 12px 12px;
}
.bootstrap-dialog h4:first-of-type {
  margin-top: 0px;
}
.bootstrap-dialog .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin: 0px 2px 0px 1px;
  background: #888;
}
.bootstrap-dialog select {
  font-size: 1.2em;
  margin: 10px 0px 20px 0px;
  padding: 4px 30px 4px 4px;
  max-width: 95%;
}

.bootstrap-dialog p.ref_row {
  margin: 0px 0px 4px 0px;
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
}
/*.bootstrap-dialog p.ref_row ~ p.ref_row { margin-top:4px; }*/
.bootstrap-dialog p.ref_row:last-of-type {
  border-bottom: 0;
}
.bootstrap-dialog p.ref_row sup {
  display: none;
}
.bootstrap-dialog span.ref_text:after {
  content: " // ";
}
.bootstrap-dialog span.ref_text:empty {
  display: none;
}
.bootstrap-dialog span.ref_text:empty:after {
  content: "";
}

.bootstrap-dialog .filter ~ .filter {
  display: none;
}

.bootstrap-dialog ul.dropdown-menu {
  margin-top: -16px;
}
.bootstrap-dialog ul.dropdown-menu li {
  margin: 6px 0px;
}

.bg_green {
  background: rgb(15, 186, 17) !important;
}
.bg_orange {
  background: rgb(255, 165, 0) !important;
}
.bg_red {
  background: rgb(231, 41, 41) !important;
}
.bg_yellow {
  background: rgb(255, 165, 0) !important;
}
.bg_white {
  background: #fff !important;
}
.bg_white.bg_with_border {
  border: 1px solid #888;
}
.bg_redpink {
  background: rgb(255, 200, 200) !important;
  border: 1px solid #ff0000;
}
.bg_bluesky {
  background: rgb(175, 200, 255) !important;
  border: 1px solid #0000ff;
}

.color_green {
  color: rgb(15, 186, 17) !important;
}
.color_orange {
  color: rgb(255, 165, 0) !important;
}
.color_red {
  color: rgb(231, 41, 41) !important;
}
.color_yellow {
  color: rgb(255, 165, 0) !important;
}
.color_white {
  color: #fff !important;
}
/* .bg_white.bg_with_border { border: 1px solid #888; } */
/*.color_redpink { color:rgb( 255, 200, 200 )!important; border: 1px solid #ff0000; }*/
/*.color_bluesky { color:rgb( 175, 200, 255 )!important; border: 1px solid #0000ff; }*/

#contact {
  text-align: justify;
}
#contact #text {
  margin-bottom: 30px;
}
#contact #form {
  float: right;
  width: 100%;
}
#contact .section {
  max-width: initial;
  margin-top: 0px;
}

#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  top: 10px;
  right: 10px;
  overflow: hidden;
  width: 48px;
  height: 48px;
  border: none;
  text-indent: 100%;
  background: url(/images/icons/totop_arrow.png) no-repeat left top;
}
#toTopHover {
  background: url(/images/icons/totop_arrow.png) no-repeat left -48px;
  width: 48px;
  height: 48px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
#toTop:active,
#toTop:focus {
  outline: none;
}

div.inscription_welcome_txt {
  padding-bottom: 50px;
  font-size: 20px;
}

form#form_inscription label {
  width: 200px;
}
form#form_inscription .form-control {
  width: 400px !important;
}
form#form_inscription .col-sm-10 {
  width: 60% !important;
}
/* form#form_inscription .col-sm-10:last-of-type { width:100%!important; } */
form#form_inscription button {
  position: absolute;
  right: 121px;
  top: 20px;
}
form#form_inscription .form-control-static {
  float: left;
}
form#form_inscription .btn-warning {
  position: absolute;
  right: 225px;
  top: 20px;
}
form#form_inscription .form-group {
  width: 60%;
}
/* BOOTSTRAP OVERRIDE */

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #005ebb;
  background-color: #9fcfff;
  border-color: #53a9ff;
}

/* .modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%); */

.hp_icons.fullwidth,
.newsevents-leftblock.fullwidth {
  max-width: 100%;
  width: 100%;
}
.hp_icons.fullwidth {
  margin-top: 10px;
  padding-top: 40px;
  margin-bottom: 46px;
  padding-bottom: 16px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.hp_icons.fullwidth ul {
  margin-right: -30px;
}
.hp_icons.fullwidth li {
  width: 202px;
  margin-right: 30px;
}

.newsevents-leftblock.fullwidth {
  text-align: left;
}
.newsevents-leftblock.fullwidth .cat-block,
.newsevents-leftblock.fullwidth .icon,
.newsevents-leftblock.fullwidth .name {
  width: 202px;
}
.newsevents-leftblock.fullwidth .cat-block {
  padding-top: 6px;
}
.newsevents-leftblock.fullwidth .news-block {
  width: 678px;
}

.newsevents-leftblock.fullwidth ul.hp_news li {
  width: 702px !important;
  margin-right: -27px !important;
}
.newsevents-leftblock.fullwidth .news-block .news-item {
  width: 214px !important;
}

.hp_icons {
  float: left;
  max-width: 620px;
  margin-bottom: 40px;
}

.hp_icons ul {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  text-align: left;
  list-style-type: none;
  margin-right: -20px;
}
.hp_icons li {
  width: 140px;
  height: 140px;
  background-color: #000;
  padding: 0px;
  margin: 0px 20px 20px 0px;
  float: left;
  text-align: center;
}
#hp_main_icon a,
.hp_icons li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
#hp_main_icon a:hover,
.hp_icons li a:hover {
  text-decoration: none;
}
.hp_icons li .name {
  color: #fff;
  margin-top: 8px;
}

.hp_icons li .icon {
  height: 55px;
  margin-top: 30px;
}
#hp_main_icon .icon img,
.hp_icons li .icon img {
  height: 100%;
  width: auto;
}
.hp_icons li img.active {
  height: 70px;
  margin-top: -10px;
}
#hp_main_icon .icon img,
.hp_icons li .icon img,
.main-events .icon,
.main-news .icon {
  -webkit-transition-property: width, height, margin-top, font;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: width, height, margin-top, font;
  -moz-transition-duration: 0.1s;
  -moz-transition-timing-function: ease-out;
  transition-property: width, height, margin-top, font;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

#hp_main_icon {
  width: 250px;
  height: 250px;
  background-color: gray;
  float: right;
}
#hp_main_icon .name {
  font-size: 16px;
  color: #fff;
  margin-top: 8px;
}
#hp_main_icon .icon {
  height: 130px;
  margin-top: 20px;
}
#hp_main_icon img.active {
  height: 150px;
  margin-top: -10px;
}

#hp_main_icon.rouge,
.hp_icons li.rouge {
  background-color: #900;
} /* li.rouge:hover { background-color:#f00; } */
#hp_main_icon.vert,
.hp_icons li.vert {
  background-color: #693;
} /* li.vert:hover { background-color:#01B201; } */
#hp_main_icon.bleu,
.hp_icons li.bleu {
  background-color: #06f;
} /* li.bleu:hover { background-color:#00f; } */
#hp_main_icon.jaune,
.hp_icons li.jaune {
  background-color: #fc0;
} /* li.jaune:hover { background-color:#FFB301; } */

#hp_side_menu {
  float: right;
  width: 250px;
  min-height: 20px;
  text-align: left;
  margin-bottom: 20px;
}
#hp_side_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  list-style-type: "";
}
#hp_side_menu li {
  padding-left: 10px;
  font-size: smaller;
  background-color: #fff;
  margin: 10px 0px;
}
#hp_side_menu li:before {
  content: "-";
  position: relative;
  left: -6px;
}
#hp_side_menu li.title {
  background-color: #666666;
  color: #fff;
  font-size: inherit;
  margin-bottom: 8px;
}
#hp_side_menu li.title:before {
  content: "";
}
#hp_side_menu a,
#hp_side_menu a:hover {
  position: relative;
  left: -4px;
  color: inherit;
  text-decoration: none;
}
#hp_side_menu a:hover {
  color: #669933;
}
#hp_side_menu li.title a:hover,
#hp_side_menu li.title:hover {
  background-color: #669933;
  color: #fff;
}
#hp_side_menu li.title a,
#hp_side_menu li.title a:hover {
  left: 0px;
}
#hp_side_menu li.title {
  margin-top: 18px;
}
#hp_side_menu li.title:first-of-type {
  margin-top: 0px;
}

.list_carousel {
  position: relative;
  background-color: #fff;
  margin: 0px 0px 10px 0px;
  width: 620px; /* height: 260px;*/
  float: left;
  overflow: hidden;
}
.list_carousel ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.list_carousel li {
  text-align: center;
  background-color: #fff;
  width: 620px;
  height: 250px;
  padding: 0;
  display: block;
  float: left;
}
.list_carousel li img {
  position: absolute;
  z-index: 0;
  top: -60px;
  left: 0px;
  width: 620px;
  height: auto;
}
.list_carousel .clearfix {
  float: none;
  clear: both;
}

.list_carousel .item_wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.list_carousel .title {
  position: absolute;
  z-index: 99;
  bottom: 0px;
  width: 620px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: left;
  padding: 8px;
}

.list_carousel .item_hover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 8px;
  color: #fff;
  font-size: 0.9em;
}
.list_carousel .descr {
  position: relative;
  text-align: left;
}
.list_carousel button {
  margin-top: 8px;
}

.list_carousel a.carousellink {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 8888;
}

.list_carousel .carousel_pager {
  float: right;
}
.list_carousel .carousel_pager a {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 5px 0px 0px 5px;
  text-decoration: none;
  background-color: #666666;
  text-indent: -999em;
}
.list_carousel .carousel_pager a.selected {
  background-color: red; /*#900*/
}

#swith2desktop {
  width: 100%;
  float: left;
  margin: 0px 0px 40px 0px;
  background-color: #666666;
  color: #fff;
  padding: 40px;
}
#swith2desktop a {
  color: #fff;
  text-decoration: underline;
}

.hp_intro {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  top: -15px;
  text-align: left;
  padding: 0px 10px;
  font-size: 1em;
  font-weight: normal;
  margin-top: 6px;
}

#pages {
  text-align: center;
}

#pages h2.section {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

#pages #title {
  text-align: left;
  margin: 0px 0px 30px 0px;
  border-bottom: 1px solid #818181;
}
#pages div#pages-content {
  text-align: left;
  margin-bottom: 50px;
  float: left;
  width: 100%;
}

#pages-content img {
  max-width: 100% !important;
  height: auto !important;
}
#pages #pages-content #img1_top {
  margin-bottom: 20px;
}
#pages #pages-content #img2_mid {
  margin-top: 10px;
  margin-bottom: 10px;
}
#pages #pages-content #img2_btm {
  margin-top: 20px;
}

#pages div.pict {
  max-width: 100%;
}
#pages div.pict a,
#pages div.pict a:hover {
  border-color: inherit;
  color: inherit;
  text-decoration: none;
}
#pages div.pict-wide {
  width: 100%;
}
#pages div.pict-lt {
  max-width: 40%;
  float: left;
  margin-right: 20px;
}
#pages div.pict-rt {
  max-width: 40%;
  float: right;
  margin-left: 20px;
}
#pages div.pict-block {
  display: block;
  max-width: 100%;
}

#pages div.pict div.pict-bubble {
  padding: 6px;
  margin: 2px;
  box-shadow: 0px 0px 12px;
}
#pages div.pict img {
  max-width: 100%;
  height: auto;
}
#pages div.pict .legend {
  text-align: left;
  font-size: small;
  margin: 4px 0px 0px 0px;
}

#pages div.pict:hover {
  cursor: pointer;
}
#pages div.pict-wide:hover {
  cursor: initial;
}
#pages div.pict div.wrapper {
  position: relative;
}
#pages div.pict div.zoom_hover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("/images/zoom_ico.png");
  background-repeat: no-repeat;
  background-position: center;
  display: none;
}

div#print,
div#fiche-print {
  float: right;
  margin-top: -54px;
  width: 96px;
  height: 32px;
  background-image: url("/images/icons/printer.png");
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: left center;
  text-align: left;
  z-index: 1000;
}
div#print a,
div#fiche-print a {
  width: 100%;
  height: 100%;
  display: block;
  color: black;
  padding-left: 38px;
  padding-top: 2px;
}
html.tplpages #pages div#print {
  margin-top: -56px;
}

div#fiche-print {
  margin-top: 0px;
  margin-bottom: 30px;
}
div#fiche-print a {
}
/*div#fiche-print { position: absolute; right: 90px; }*/

.generic-descr {
  float: left;
  text-align: justify;
  margin-bottom: 20px;
}

div#fiche-zb {
  display: none;
  float: left;
  padding: 10px;
  background: #eeffcc;
  border-radius: 10px;
  margin-top: -40px;
  text-align: left;
}
div#fiche-zb select {
  font-size: 1.2em; /*margin-left: 8px;*/
}
div#fiche-zb span:first-of-type {
  display: block;
  margin-bottom: 2px;
}
/* div#fiche-zb span:first-of-type { font-size: 1.2em;  margin-left: 8px; } */
div#fiche-zb {
  /*position: absolute;*/
  margin-top: -6px;
  margin-bottom: 20px;
}

.lvl_green,
.lvl_orange,
.lvl_red {
  font-weight: normal;
}
.lvl_green {
  color: rgb(15, 186, 17);
}
.lvl_orange {
  color: rgb(255, 165, 0);
}
.lvl_red {
  color: rgb(231, 41, 41);
}

#tooltip {
  width: 400px;
  text-align: justify;
  font-size: 0.8em;
}

#pages.news {
  color: inherit;
  text-align: justify;
}
/* #pages.news span.label { margin:0px 12px 0px 0px;background-color:#ff66cc;padding:4px 8px;font-size:1.1em;font-weight:normal;color:#fff;}*/
#pages.news span.label {
  background-color: #ff66cc;
}
#pages.news span.label-Event {
  background-color: #ffad33;
}
#pages.news #print {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  text-align: right;
}
#pages.news .title {
  margin: 12px 0px 30px 0px;
  border-bottom: 1px solid #818181;
  text-align: left;
}

#pages.news .event-box {
}
#pages.news #pages-content {
  padding-top: 30px;
}
#pages.news .event-box {
  display: block;
  width: 100%;
  margin: 50px 0px 0px 0px;
  padding: 20px;
  text-align: justify;
  overflow-y: hidden;
}
#pages.news .event-box h2 {
  padding: 0;
  margin: 0px 0px 10px 0px;
  font-size: 1.2em;
  text-transform: uppercase;
}
#pages.news .event-box hr {
  margin: 20px 0px;
  padding: 0;
  border: 2px solid #888;
}
#pages.news .event-box button.btn-subscr {
  background-color: #ffad33;
  border: none;
  padding: 10px 20px;
}
#pages.news .event-box button.btn-subscr:hover {
  background-color: #ff9900;
  cursor: pointer;
}
#pages.news .event-box button.btn-subscr:focus {
  outline: none;
}
#pages.news .event-box .btn-subscr-wrapper {
  display: block;
  text-align: right;
}
#pages.news .event-box .event-date {
  font-size: 2em;
}
#pages.news .event-box .event-location {
  font-size: 1.6em;
}
#pages.news .event-box i.fa {
}
#pages.news .event-box .intro {
  margin: 20px 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#pages.news .event-box .alert {
  margin: 0;
}

#pages.news .event-box .event-location {
  margin-bottom: 10px;
}
#pages.news .event-box .row.header {
  padding: 20px 0px 10px 0px;
  color: #fff;
  background-color: #ffad33;
  margin-bottom: 20px;
}

#pages.news .event-box #gmap_canvas,
#pages.news .event-box .gmap-wrap {
  display: block;
  height: 300px;
}
#pages.news .event-box .gmap-wrap {
  margin: 20px -20px;
  box-shadow: 0px 0px 32px -8px #000;
}

#pages.news .event-box .gm-style-mtc,
#pages.news .event-box .gm-bundled-control {
  display: none;
}
#pages.news .event-box .subscr-form {
  padding: 20px 10%;
}
#pages.news .event-box .subscr-form > div.row:not(:last-of-type) {
  margin-bottom: 8px;
}
#pages.news .event-box .subscr-form .split {
  display: block;
  margin: 28px 0px;
}
#pages.news .event-box select {
  font-size: 1em;
  width: 100%;
  height: 34px;
  -webkit-appearance: menulist-button;
}
#pages.news .event-box .input-group,
#pages.news .event-box select {
  margin-bottom: 8px;
}
#pages.news .event-box .birthdate .dd,
#pages.news .event-box .birthdate .mm {
  float: left;
  width: 29%;
}
#pages.news .event-box .birthdate .yyyy {
  float: left;
  width: 38%;
}
#pages.news .event-box .birthdate .mm,
#pages.news .event-box .birthdate .yyyy {
  margin-left: 2%;
}
#pages.news .event-box .subscr-btn {
  position: relative;
}
#pages.news .event-box .subscr-btn .btn-subscr {
  right: 0;
}

#pages.news .event-box .subscr_toggle_me {
  display: none;
}

#pages.news .event-box .subscr-form label {
  position: absolute;
  top: -22px;
  left: 22px;
}

#pages.news .event-box span.form-error {
  display: none;
}
#pages.news .event-box input.error {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*#pages.news .event-box .btn-subscr.btn-toggle {margin-top:20px;}*/

#pages.news .subscr-success {
  display: none;
  text-align: center;
  padding: 10px 30px;
}
#pages.news .subscr-success img,
#pages.news .subscr-success .text {
  display: inline-block;
  vertical-align: middle;
}
#pages.news .subscr-success img {
  height: 100px;
}
#pages.news .subscr-success .text {
  margin-left: 20px;
  text-align: justify;
}

/* ///////////////////////////////////////////////////////////////////////////// */

.news-archives,
.media-gallery {
  padding-bottom: 30px;
}

.news-archives h2,
.media-gallery h2 {
  text-align: left;
  margin: 0px 0px 40px 0px;
}
.news-archives h2 span,
.media-gallery h2 span {
  background-color: #888;
  color: #fff;
  padding: 4px 16px;
}

.news-archives h3.intro,
.media-gallery h3.intro {
  display: block;
  font-size: 1em;
  font-weight: normal;
  text-align: justify;
  margin: 0px 0px 40px 0px;
}

.items-container {
  padding: 0;
}
.items-container .item-wrap {
  padding: 0px 0px 40px 0px;
}

.items-container .item .datepub {
  font-size: 0.8em;
  font-style: italic;
  margin-top: 24px;
  margin-bottom: -24px;
  display: block;
  text-align: right;
}

.items-container .item {
  box-shadow: 0px 8px 12px -8px;
  position: relative;
  background-color: #fff;
  padding: 0;
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.items-container .item a {
  color: white;
}
.items-container .item a:hover {
  text-decoration: none;
}

/* .hp_news li {padding:0px -5px;}
	.hp_news .news-item {margin:0px 5px;} */
.items-container .item .header {
  position: relative;
  display: block;
}
.items-container .item img.thumb {
  position: relative;
  width: 100%;
}
.hp_news .label,
.hp_events .label,
.items-container .item .label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 4px 12px;
  background-color: #ff66cc;
  font-weight: bold;
  font-size: 1em;
  border-bottom: 4px solid #fff;
  border-right: 4px solid #fff;
  border-radius: initial;
}
.items-container .item .title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 1.1em;
  text-align: left;
}
.items-container .item .descr {
  padding: 10px 10px 30px 10px;
  background-color: #eee;
  color: #111;
  text-align: justify;
  font-size: 0.9em;
}
.items-container .item span.event_dt {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 12px;
}
.items-container .item .location {
  display: block;
  font-size: 1.1em; /*margin-bottom:2px;*/
}
.items-container .item .subscr {
  /*margin-bottom:8px;*/
}
/*.items-container .item span.limit{ margin-left:12px; }*/
.items-container .item .btn {
  margin-top: 20px;
  border-radius: none;
}

:not(.media-gallery) > .items-container .item .btn {
  border: 1px solid #555;
  background-color: inherit;
}
:not(.media-gallery) > .items-container .item .btn:hover {
  color: #fff;
  background-color: #555;
}

.items-container .location,
.items-container .limit,
.items-container .subscr,
.items-container .evt_target {
  margin-bottom: 4px;
}

.items-container .item .nopic {
  height: 100px;
  background-color: #ff66cc;
}

.label-Event {
  background-color: #ffad33 !important;
}

.items-container .item .header,
.items-container .item .descr {
  opacity: 0.7;
}
.items-container .item:hover .header,
.items-container .item:hover .descr {
  opacity: 1;
  cursor: pointer;
}

.paging-wrapper {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  float: left;
  margin-bottom: 20px;
}
ul.paging,
ul.paging li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.paging {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0px 0px 40px 0px;
  padding: 0;
}
ul.paging li {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  background-color: #3d8b37;
  color: #fff;
  margin-right: 4px;
  overflow: hidden;
}
ul.paging li a,
ul.paging li span {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -11px;
  line-height: 22px;
  text-align: center;
  color: inherit;
}
ul.paging li a:hover {
  text-decoration: none;
}
/* ul.paging li.page-prev span:before { content:"<"; } */
/* ul.paging li.page-next span:before { content:">"; } */

ul.paging li.split {
  background-color: #ddd;
}

ul.paging li:not(.active):not(.disabled) {
  background-color: #97be0c;
}
ul.paging li:not(.active):not(.disabled):hover {
  background-color: #3d8b37;
  cursor: pointer;
}
/*ul.paging li.active { background-color:red;}*/

/* ///////////////////////////////////////////////////////////////////////////// */

div.hp_news {
  display: block;
  width: 620px;
  height: 250px;
  padding: 0px;
  float: left;
  margin: -20px 0px 30px 0px;
}
ul.hp_news {
  width: 100%;
}
ul.hp_news li {
  display: inline-block;
  height: 250px;
  width: 620px;
  float: left;
}
.hp_news .news-item {
  width: 300px;
  padding: 10px;
  float: left;
  height: 250px;
  overflow: hidden;
}
.hp_news .news-item:first-of-type {
}

.hp_events,
.hp_news,
.hp_news .news-item {
  position: relative;
  height: 100%;
}
.hp_news .news-item:first-of-type {
  float: left;
}
.hp_news .news-item:last-of-type {
  float: right;
}

ul.hp_news,
ul.hp_news li,
ul.hp_events,
ul.hp_events li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.hp_events {
  width: 250px;
  height: 250px;
  float: right;
  margin-top: -20px;
}
ul.hp_events {
  background-color: #fff;
}
.hp_events li {
  width: 250px;
  height: 250px;
  display: inline-block;
  margin-right: 8px !important;
  overflow: hidden;
}

.hp_events_pager,
.hp_news_pager {
  position: absolute;
  right: 0;
  bottom: -22px;
}
.hp_events_pager a,
.hp_news_pager a {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 5px 0px 0px 5px;
  text-decoration: none;
  background-color: #666666;
  text-indent: -999em;
}
.hp_events_pager a.selected,
.hp_news_pager a.selected {
  background-color: red; /*#900*/
}

.hp_events .events-item,
.hp_news .news-item {
  position: relative;
  padding-top: 34px;
  height: 100%;
}
.hp_events .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.hp_events img.thumb {
  position: absolute;
  top: 0;
  left: -50%;
  min-width: 200%;
  min-height: 100%;
  max-width: 400%;
  z-index: 0;
}
.hp_events .event_dt,
.events-item .title {
  z-index: 1;
  position: relative;
  color: #fff;
  padding: 6px 5%;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);
}
.hp_events .event_dt {
  font-weight: bold;
  padding-bottom: 6px !important;
  border-bottom: 2px solid #fff;
}
.events-item .title {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  padding: 0px 5% 8px 5%;
  border-bottom: 8px solid #ffad33;
}
.hp_events .desc {
  position: relative;
  z-index: 1;
  padding: 6px 5%;
  min-height: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 0.9em;
}
.hp_events .location {
  font-weight: normal;
  font-size: 1em;
}

.hp_events .label {
  padding-left: 45px !important;
}
.hp_events .label i.fa {
  border-right: 4px solid #fff;
  padding: 4px 8px;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
}

.hp_events a,
.hp_news a {
  text-decoration: none;
}

/* 1ere version // .hp_events:hover .overlay { background-color:rgba(0,0,0,0.5);} */
/*.hp_events:hover .desc { background-color:rgba(0,0,0,0.0);}*/

.main-events {
  background-color: #ffad33;
}
.main-news {
  background-color: rgb(129, 0, 130);
}

.main-events a,
.main-news a {
  color: #fff;
}
.main-events .icon {
  font-size: 90px;
  text-align: center;
  line-height: 120px;
  margin: 20px 0px 10px 0px;
}
.main-news .icon {
  font-size: 90px;
  text-align: center;
  line-height: 114px;
  margin: 0px 0px 10px 0px;
}
.main-events.active .icon,
.main-news.active .icon {
  font-size: 110px;
}
.main-events .name,
.main-news .name {
  font-size: 18px;
  text-align: center;
}
.main-events .desc,
.main-news .desc {
  text-align: justify;
  background: inherit;
  height: auto;
  padding: 18px 12px 12px 12px;
}

.hp_news li {
  margin-right: 20px !important;
}
.hp_news img.thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-width: 400%;
  z-index: 0;
}
.hp_news .news-body {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
  display: block;
  background-color: #fff;
  padding: 8px;
}
.hp_news .title {
  position: absolute;
  left: 0;
  bottom: 50%;
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 8px;
  color: #fff;
  font-size: 1.2em;
}
.hp_news .descr {
  text-align: justify;
  font-size: 0.8em;
}
.hp_news div.readmore {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 12px 0px 4px 0px;
  text-align: right;
}
.hp_news div.readmore a {
  color: inherit;
}
.hp_news div.readmore button {
  padding: 4px 10px;
  font-size: 0.8em;
  border-radius: 2px;
  border: 1px solid #555;
  background-color: #fff;
  color: inherit;
}

/* // v1
.hp_news div.readmore button:hover { color:#fff; background-color:#555; }
.hp_news div.readmore button:focus { outline:none;}
*/

/* ///////////////////////////////////////////////////////////////////////////// */

.hp_icons {
  margin-bottom: 0px;
}
.newsevents-leftblock {
  margin: -4px 0px 30px 0px;
}
.newsevents-leftblock a:hover {
  text-decoration: none;
}
.newsevents-leftblock,
.newsevents-leftblock .cat-block a {
  display: block;
  width: 620px;
  overflow: hidden;
  float: left;
  text-align: center;
}
.newsevents-leftblock .cat-block {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 140px;
  margin: 0px 20px 20px 0px;
  overflow: hidden;
}
.newsevents-leftblock .news-block {
  float: right;
  width: 460px;
  height: 300px;
  margin: 0px 0px 20px 0px;
  position: relative;
}
.newsevents-leftblock .cat-block:last-of-type {
  margin-top: -6px;
}
.newsevents-leftblock .icon {
  display: block;
  width: 140px;
  font-size: 50px;
  line-height: 70px;
}
.newsevents-leftblock .name {
  display: block;
  width: 140px;
  font-size: 14px;
}
.newsevents-leftblock .main-events.active .icon,
.newsevents-leftblock .main-news.active .icon {
  font-size: 60px;
}
.newsevents-leftblock .cat-block .icon {
  margin: 20px 0px 0px 0px;
}

.news-block li {
  width: 480px !important;
  height: 100% !important;
}
.news-block .news-item {
  width: 220px !important;
  height: 100% !important;
  margin-right: 0px !important;
}
.news-block .news-item button {
  float: right;
  margin: 0px 8px 2px 0px;
}
.news-block .hp_news div.readmore {
  padding: 4px 0px;
}

.news-block .hp_news .title {
  bottom: 160px;
}
.news-block .hp_news .news-body {
  height: 160px;
  padding-top: 16px;
}

.caroufredsel_wrapper {
  z-index: 1 !important;
}

.news-block /* .caroufredsel_wrapper, .news-block .caroufredsel_wrapper */ ul {
  height: 300px !important;
}
.news-block /* .caroufredsel_wrapper ul, .news-block .caroufredsel_wrapper */ li {
  float: left;
  margin-bottom: 24px !important;
}
.news-block /* .caroufredsel_wrapper */ li .news-item {
  text-align: left;
  float: left !important;
  margin: 0px 20px 20px 0px !important;
}
.newsevents-leftblock .news-block .hp_news_pager {
  right: 8px;
}

.news-block .news-item:hover {
  cursor: pointer;
}
.news-block .news-item:hover button,
.hp_news div.readmore button:hover {
  color: #fff;
  background-color: #555;
}
.hp_news div.readmore button:focus {
  outline: none;
}
.news-block .news-item:hover .title {
  background-color: rgba(129, 0, 130, 0.8);
}

/* ///////////////////////////////////////////////////////////////////////////// */

#fiches {
  text-align: left;
}
#fiches #top_labels {
  width: 100%;
  font-size: 18px;
  margin-bottom: 40px;
}
#fiches #top_labels .label {
  margin: 0px 10px 10px 0px;
  font-weight: normal;
  padding: 0.4em;
  line-height: 36px;
}
#fiches #top_labels .label-default {
  background-color: #ddd;
}

#fiches #top_labels .label:hover,
#fiches_liste .categorie .cat_letters_tags:hover {
  cursor: default;
}
#fiches #top_labels .label-success:hover,
#fiches_liste .categorie .cat_letters_tags .label-default:hover {
  cursor: pointer;
}

#fiches_liste .categorie .cat_letters_tags {
  margin-left: 16px;
}
#fiches_liste .categorie .cat_letters_tags .count0 {
  color: #fff;
  background-color: #ddd;
}

#fiches #top_labels span a,
#fiches_liste .categorie .cat_letters_tags span a {
  color: #fff;
}

#fiches_liste {
  width: 100%;
  margin-bottom: 50px;
}
#fiches_liste .categorie {
  min-height: 80px;
  margin-bottom: 60px;
}
#fiches_liste .categorie .nom {
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin: 20px 0px;
}
#fiches_liste .categorie h2.nom span {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid white;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative;
  left: 15px;
  bottom: 7px;
  padding: 8px 12px;
  font-size: 0.8em;
}

#fiches_liste .categorie .count0 {
  color: #ddd;
}
#fiches_liste .categorie ul {
  padding-left: 20px;
}
#fiches_liste .categorie li {
  margin-left: 20px;
}

.tplgeneric_item .extlink {
  float: right;
}

ul.item_icons {
  display: inline-block;
  width: 100%;
  text-align: left;
  padding: 0px;
  margin: 20px 0px 0px 0px;
}
ul.item_icons li {
  vertical-align: top;
  text-align: center;
  padding: 96px 0px 4px 0px;
  width: 90px;
  margin: 0px 60px 20px 0px;
  list-style-type: none;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  font-size: 0.7em;
}

/* ul.item_icons li a { display:block; position:absolute; width:100%; height:100%; } */
ul.item_icons a,
ul.item_icons a:hover {
  text-decoration: none;
  color: black;
}

#fiches .item_icons {
  position: relative;
  overflow: hidden;
  padding: 2px;
}

.slideRight {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 100%;
  background-color: #fff;
}

.slideRight.active {
  animation: slide-left 1s forwards;
  -webkit-animation: slide-left 1s forwards;
}

.slideRight.unactive {
  animation: slide-right 1s forwards;
  -webkit-animation: slide-right 1s forwards;
}

#fiches-sub-filters {
  display: flex;
  padding: 12px;
}

#fiches-sub-filters .filter-row {
  width: 16.66666667%;
  text-align: center;
  padding: 12px;
  color: #000 !important;
  font-size: 0.7em;
  line-height: 36px;
  cursor: pointer;
  opacity: 0.4;
}

#fiches-sub-filters .filter-row.active {
  opacity: 1;
}

#fiches-sub-filters .filter-row.selected {
  box-shadow: 0px 0px 5px #0082e6;
  border-radius: 4px;
  opacity: 1;
}

#fiches-sub-filters img {
  height: 60px;
}

#slideShowAll {
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  color: #000 !important;
  font-size: 0.7em;
  line-height: 36px;
  text-decoration: none !important;
}

#slideShowAll .glyphicon {
  font-size: 40px;
  padding: 10px 0px;
}

@keyframes slide-left {
  0% {
    left: 100%;
  }

  100% {
    left: 0;
  }
}

@keyframes slide-right {
  0% {
    left: 0;
  }

  100% {
    left: 100%;
  }
}

/* ///////////////////////////////////////////////////////////////////////////// */

.fiche-description-section {
  position: relative;
  border-top: 4px solid #757575;
  text-align: left;
  width: 100%;
  min-height: 20px;
  padding-bottom: 20px;
  box-shadow: 0px 12px 10px -16px black;
}
.fiche-description-section .toggle {
  cursor: pointer;
  color: #757575;
  position: absolute;
  right: 14px;
  top: 7px;
  z-index: 99;
  font-size: 20px;
}
.fiche-description-header {
  width: 100%;
  min-height: 20px;
  margin-bottom: 18px;
}
.fiche-description-header h4 {
  color: #757575;
}

.fiche-description-toggle-wrapper {
  padding-top: 20px;
}

tr.fiche-description {
  text-align: left;
}
tr.fiche-description .descr .descr-title {
  display: block;
  font-weight: bold;
  margin-bottom: 12px;
}
/* .fiche-description-section .descr .descr-body { display:block;width:100%;min-height:20px;font-size:0.8em;color:#000;text-align:left;padding:20px 15px; } */
tr.fiche-description .descr .descr-body {
  display: block;
  margin-bottom: 30px;
}
tr.fiche-description .descr .descr-body:last-of-type() {
  margin-bottom: 0;
}
tr.fiche-description .toggle {
  font-size: 20px;
  float: right;
  padding: 4px 15px;
  cursor: pointer;
}

.socialgraph-section {
  border-top: rgb(25, 64, 255) 4px solid;
  box-shadow: 0px 12px 10px -16px black;
  position: relative;
}

.socialgraph-section .toggle {
  cursor: pointer;
  color: rgb(25, 64, 255);
  position: absolute;
  right: 14px;
  top: 7px;
  z-index: 99;
  font-size: 20px;
}

.display-style-btn {
  border: 1px #ccc solid;
  border-bottom: none;
  padding: 5px 15px;
  color: black;
  border-radius: 10px 10px 0 0;
  text-decoration: none;
}

.display-style-btn:hover {
  font-weight: bold;
}

.small + .switchery {
  height: 15px;
  width: 25px;
}

.small + .switchery > small {
  height: 15px;
  width: 15px;
}
/* ///////////////////////////////////////////////////////////////////////////// */

.mobileonly {
  display: none !important;
}