/**
 * webpart.css
 *
 * Description : Feuille de styles pour les webparts du thème DSV.
 */


.webpart {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.webpart .header {
  background-image: none;
  background-color: #e1f2f8;
  margin-bottom: 15px;
  padding: 0 !important;
  border: none;
}

.webpart .header .feed  img{
  display: block;
  height: 18px;
  width: 18px;
  background-image: url("../images/rss-bleu.png");
  background-repeat: no-repeat;
}

.block-trick .feed {
  top: 0.5em;
}

.page_actualite .webpart-list .feed , .page_evenement .webpart-agenda .feed{
  display: none;
}

.webpart .header h2 {
  font-family: "AvenirNext-Medium", 'Arial';
  font-size: 20px;
  font-weight: normal;
  background: none;
  display: inline-block;
  background-color: #353535 !important;
  text-transform: uppercase;
  color: #fff !important;
  border: none;
  min-height: 24px;
  padding: 6px 10px 0 10px;
  margin-bottom: 0;
  line-height: 1em;
  *display: inline;
  *width: auto;
  *zoom: 1;
}

.webpart .inner {
  background: none;
  padding: 0 10px;
}

.webpart .footer {
  padding: 14px 10px 0 14px !important;
}

.webpart .footer .more a {
  font-family: 'robotoregular', 'Arial';
  font-weight: bold;
  background: none;
  padding: 0;
  text-decoration: underline;
  font-size: 12px;
}

.webpart .footer .more a:hover {
  text-decoration: none;
}

/* Webpart sur le côté */
#aside .webpart {
  border: none;
  border-bottom: solid 10px;
}

#aside .webpart h2 {
  display: block;
}

#aside .webpart-list .inner .nv-item a {
  font-size: 13px;
}

#aside .webpart-list .inner .nv-item .intro {
  margin-left: 0;
}

#aside .webpart .footer {
  padding: 14px 0 0 14px !important;
}


/**
 * Sliders
 */

.webpart-slider  {
  margin-bottom: 4px !important;
  width: 680px !important;
  height: 380px;
}

.webpart-slider .slider-carrousel img {
  display: block;
}

.webpart-slider .slider-carrousel .caption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  padding: 18px;
  position: absolute;
  background-color: #000;
  background-color: rgba(0, 0, 0, .6);
  width: 100%;
  left: 0;
  bottom: 0;
}

.webpart-slider .slider-carrousel .caption + div {
  width: 680px;
  height: 386px;
  overflow: hidden;
}

.webpart-slider .slider-carrousel .caption + div img {
  width: 680px;
  height: auto;
}

.webpart-slider .slider-carrousel .caption {
  height: auto;
}

.webpart-slider .slider-carrousel h2 {
  font-size: 1.5625em;
}

.webpart-slider .slider-carrousel .caption h2 {
  font-family: 'robotoregular' !important, 'Arial';
  padding: 0;
  text-align: left;
  color: #fff;
  margin-bottom: 4px;
}
.webpart-slider .slider-carrousel .caption h2 a {
  color: #fff;
  text-decoration: none;
}

.webpart-slider .slider-carrousel .caption p {
  font-size: 1.125em;
}

.webpart-slider .slider-carrousel .caption p a {
  color: #fff;
  text-decoration: none;
} 

.webpart-slider .slider-carrousel p {
  text-align: left;
  padding: 0;
}



/* correction slider affichés les uns au dessus des autres pendant le chargement */


/* Pagination */
.webpart-slider .bx-pager {
  left: 0;
  bottom: -25px;
  width: 360px;
}

.webpart-slider .bx-pager .pager-link {
  text-indent: -9999px;
  overflow: hidden;
  width: 13px;
  height: 20px;
  background-color: transparent;
  background-image: url(../images/pagination-inactive.png);
  background-repeat: no-repeat;
  padding: 0;
  border: none;
}

.webpart-slider .bx-pager .pager-link.pager-active {
  background-image: url(../images/pagination-active.png);
}

.webpart-slider{
overflow-y : visible !important;
}

/* Pause */
.webpart-slider .bx-auto {
  display: none;
}


/**
 * Liste
 */

.webpart-list {
  border: solid 1px #80cbd7;
  height: auto !important;
  padding-bottom: 14px !important;
}

.webpart-list .inner ul {
  margin-bottom: 0;
}

.webpart-list .menu .nv-item {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 10px;
  padding-right: 0;
  margin-bottom: 10px !important;
  background: none;
}

.webpart-list .menu .nv-item.last {
  border-bottom: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0 !important;
}

.webpart-list .date {
  background: none;
  padding-left: 0;
  color: #353535;
  font-style: italic;
  font-size: 11px;
  margin-bottom: 2px;
}

.webpart-list .title a {
  font-family: 'robotoregular', 'Arial';
  font-weight: bold;
  color: #17758d;
  font-size: 15px;
}

.webpart-list .inner {
  padding: 0 14px 0 0;
}

.webpart-list .inner .menu {
  padding: 0;
}

.webpart-list .inner .nv-item .intro {
  margin-left: 14px;
}

.webpart-list .inner .nv-item .logo img {
  width: 124px;
  height: auto;
  display: block;
  border: 0;
}


/**
 * Agenda
 */

.webpart-agenda {
  border: solid 1px #0e73ba;
  padding-bottom: 18px;
}

.webpart-agenda .menu li p.summary{
  display: none;
}

.webpart-agenda .inner {
  padding: 0 12px 0 0 !important;
}

.webpart-agenda .inner .menu {
  padding: 0;
  margin: 0;
}

.webpart-agenda .menu .nv-item {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 18px;
  padding-left: 73px !important;
}

.webpart-agenda .menu .nv-item.last {
  margin-bottom: 0;
}

.webpart-agenda .menu .dtstamp {
  font-family: "AvenirNext-Medium", 'Arial';
  background-color: #00a8b8;
  text-transform: uppercase;
  font-size: 14px;
  width: 62px;
  min-height: 48px;
  height: 48px;
  padding: 10px 6px;
  display: inline-block;
  margin: 0 0 0 -78px !important;
}

.webpart-agenda .menu .dtstamp * {
  display: inline;
  white-space: normal;
}

.webpart-agenda .menu .dtstamp .sep {
  text-indent: 0;
  background: none;
  font-size: 14px;
  height: auto;
}

.webpart-agenda .menu .title {
  color: #17758d;
  font-weight: bold;
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
}

.webpart-agenda .menu .title  {
  text-decoration: underline;
}

.webpart-agenda .menu li a:hover  {
  text-decoration: none;
}

.webpart-agenda .menu li p.meta {
  margin-bottom: 0px;
  color: #848484;
  font-size: 12px;
  font-style: italic;
  display: block;
}

.webpart-agenda .menu li p.meta .location {
  background: none;
  padding-left: 0;
}


/**
 * Formulaire
 */

.webpart-form .reponse {
  font-family: 'robotoregular';
  font-weight: bold;
  border-bottom: solid 1px #c4c4c4;
  background: none;
  padding: 0 0 8px 0;
  margin-bottom: 28px;
}

.webpart-form .reponse abbr {
  font-style: normal;
}

.webpart-form .control-group {
  margin-bottom: 12px;
}

.form-horizontal .controls {
  margin-left: 0;
}

.webpart-form textarea,
.webpart-form input[type="text"] {
  color: #6c6c6c;
  padding: 2px 4px;
}

.webpart-form input[type="text"],
.webpart-form input[type="file"] {
  width: 320px;
}

.webpart-form textarea {
  width: 548px;
  height: 112px;
}

.webpart-form input[type="file"] {
  border-color: #c3c2c3;
  padding: 0 !important;
  height: 25px !important;
  line-height: 25px !important;
}

.webpart-form .control-label,
.webpart-form abbr {
  font-family: 'robotoregular', 'Arial';
  font-weight: bold;
  color: #00528d;
  font-style: italic;
  text-align: left !important;
}

.webpart-form .control-label {
  width: 124px !important;
}

.webpart-form .checkbox.inline {
  margin-right: 16px;
  padding-top: 2px;
}

.webpart-form .controls {
  margin-left: 124px;
}

.webpart-form input.btn[type="submit"] {
  background-color: #9b9b9b !important;
  font-size: 16px !important;
}

.webpart-form input.btn.btn-primary[type="submit"] {
  background-color: #0e73ba !important;
}

.webpart-form input.btn[type="submit"]:hover,
.webpart-form input.btn.btn-primary[type="submit"]:hover {
  background-color: #353535 !important;
}

.webpart-form .btn.btn_help {
  background: none !important;
  color: #9b9b9b;
}

.webpart-form .controls input[type="text"] {
  display: block;
}

.webpart-form .controls span {
  padding: 4px 0 0 0;
}

.webpart-form .controls span:last-of-type {
  font-style: italic;
}