@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700');

/* PRINCIPALE */
.container-fluid{
  padding-right: 40px;
  padding-left: 40px;
  max-width: /*1480px*/ 1190px;
  width:100%;
}
h2{
  text-transform:uppercase;
  font-weight: 700;
  line-height: 1.1rem;
  font-size: 1.5rem;
  margin: 0 0 30px;
}
.table {
  margin: 20px 0;
}
.accueil section h2{
  border-left:solid 2px #dc1d22;
  padding-left: 7px;
  margin: 0 0 30px;
  text-align:left;
}

section h2{
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.1rem;
  font-size: 1.5rem;
  margin: 0 0 30px;
  text-align:center;
}

.main-container .row > section {
  margin-bottom: 0;
}


/*********************
		GENERIQUE
*********************/

/*BLOC*/
.flexbox-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

/*HOVER*/
.navbar.nav--min .bloc-acces-compte:hover:after,
.navbar.nav--min .arrondissement .content ul li a:hover:after,
.liens-head ul li a.plan:hover:after,
.navbar-default.menu .navbar-nav>li a:hover:after,
.liens a:hover:after,
footer .lien-contact a:hover span.liens:after,
[id="FOOTER-END"] ul li a:hover:after,
.BLOC-btn-envoie a:hover:after,
.standard .BLOC-savoir-plus a:hover:after,
.standard article p a:hover:after,
section.autres-actus ul li a:hover:after,
.breadcrumb a:hover:after,
.LAME-demarches ul li a:hover:after,
.GROS_TITRE .autre-recherche ul li a:hover:after,
.standard ul li a:hover:after,
.BLOC-compterendu p a:hover:after
{
  transform: scaleX(1);
  visibility: visible;
  transform-origin: left;
  -webkit-transform-origin: left;
  transition: .5s transform cubic-bezier(.19,1,.22,1);
  -webkit-transition: .5s transform cubic-bezier(.19,1,.22,1);
}

.navbar.nav--min .arrondissement .content ul li a:after,
.navbar.nav--min .bloc-acces-compte:after,
.liens-head ul li a.plan:after,
.navbar-default.menu .navbar-nav>li a:after,
.liens a:after,
footer .lien-contact a span.liens:after,
[id="FOOTER-END"] ul li a:after,
.BLOC-btn-envoie a:after,
.standard .BLOC-savoir-plus a:after,
.standard article p a:after,
section.autres-actus ul li a:after,
.breadcrumb a:after,
.LAME-demarches ul li a:after,
.GROS_TITRE .autre-recherche ul li a:after,
.standard ul li a:after,
.BLOC-compterendu p a:after
{
  bottom: 0;
  right: 0px;
  left: 0px;
  height: 1px;
  z-index: -1;
  background-color: #000;
  transform: scaleX(0);
  visibility: hidden;
  transform-origin: right;
  -webkit-transform-origin: right;
  transition: .7s transform cubic-bezier(.19,1,.22,1),visibility 0s .7s;
  -webkit-transition: .7s transform cubic-bezier(.19,1,.22,1),visibility 0s .7s;
  position: absolute;
  display: block;
  content: "";
}
.liens a {
  color:#dc1d22;
  text-transform:uppercase;
  font-weight:400;
  font-size:.9rem;
  padding: 10px 40px;
  display:inline-block;
  position:relative;
  transition: .5s transform cubic-bezier(.19,1,.22,1);
  -webkit-transition: .5s transform cubic-bezier(.19,1,.22,1);
}
.liens a:hover {
  text-decoration:none;
  color:#FFF;
  padding: 10px 40px ;
}

.liens a:after{
  height:100%;
  background:#dc1d22;
}

.liens a span:after {
  content: "";
  position: absolute;
  top:0;
  bottom: 0;
  left: 0px;
  margin: auto 0;
  width: 23px;
  height: 9px;
  background: url(../images/ARROW-lien.svg) no-repeat center;
  transition: all 0.5s ease 0s;
}
.liens a span:before {
  content: "";
  position: absolute;
  top:0;
  bottom: 0;
  left: 10px;
  margin: auto 0;
  width: 23px;
  height: 9px;
  opacity: 0;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
  transition: all 0.5s ease 0s;
  background: url(../images/ARROW-lien_blanc.svg) no-repeat center;
}
.liens a:hover span:before {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.liens a:hover span:after {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  opacity: 0;
}

.liens.blanc a {
  color:#FFF;
}
.liens.blanc a:hover span:after{
  background: url(../images/ARROW-lien_blanc.svg) no-repeat center;
}
.liens.blanc a span:after{
  background: url(../images/ARROW-lien_blanc.svg) no-repeat center;
}
.liens.blanc a span:before{
  background: url(../images/ARROW-lien_rouge.svg) no-repeat center;
}
.liens.blanc a:after {
  background: #FFF;
}
.btn-group .liens{
  display:inline-block;
  margin: 0 20px;
  z-index: 99;
  position: relative;
}

a:hover .picture {
  -webkit-transform: scale(1.2) rotate(3deg);
  -ms-transform: scale(1.2) rotate(3deg);
  transform: scale(1.2) rotate(3deg);
}

a .picture {
  transition: all 1s cubic-bezier(0.26, 0.77, 0.5, 1.08);
  -webkit-transition: all 1s cubic-bezier(0.26, 0.77, 0.5, 1.08);
}
span.underline {
  text-decoration: underline;
}

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



/* NAVBAR & HEADER */
nav#customNavigationSticky.menu {
  z-index: 1030;
}

.navbar.nav--min .container-fluid{
  /*padding-right: 0;*/
}
.navbar.nav--min .container-fluid .row{
  margin:0;
}
.navbar.nav--min{
  background:#f7f7f7;
  border: 0;
  margin:0;
}
.navbar-header{
  width: 100%;
}
.select-arrondissement {
  display:none;
}

.select-arrondissement ul li{
}
.select-arrondissement select{
  height:52px;
  border: 0;
  padding: 0 20px;
}
.navbar.nav--min .arrondissement{
  max-width:480px;
  padding:0;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
.nav>li>a:focus, .nav>li>a:hover {
  background:transparent;
}
.select-arrondissement ul.nav.flexbox-container,
.select-arrondissement ul.nav.flexbox-container > li{
  height:100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding:0 10px!important;
}
.select-arrondissement ul.nav.flexbox-container li ul li {
  display: block;
}
.select-arrondissement ul.nav.flexbox-container li ul li a{
  padding: 5px 0;
}
.navbar.nav--min .arrondissement .content.flexbox-container,
.liens-head .content.flexbox-container,
.navbar.nav--min .bloc-acces-compte .content.flexbox-container{
  height:52px;
}
.navbar.nav--min .arrondissement .titre,
.navbar.nav--min .arrondissement .content ul,
.navbar.nav--min .arrondissement .content ul li,
.liens-head ul li{
  display:inline-block;
}
.navbar.nav--min .arrondissement ul{
  margin:0;
  padding:0;
}
.navbar.nav--min .arrondissement .select-arrondissement ul li > ul{
  border-radius:0;
  border:0;
  padding: 10px;
}
.navbar.nav--min .arrondissement ul li{
  padding:0 6px 0 0;
  position:relative;
  z-index:9;
}
.navbar.nav--min .arrondissement .content ul li:first-child{
  padding:0 6px;
}
.navbar.nav--min .arrondissement .content ul li:after{
  content:"|";
  color:#dc1d22;
  margin-left:6px;
}
.navbar.nav--min .arrondissement .content ul li:last-child:after{
  content:"";
}
.navbar.nav--min .arrondissement .content .titre,
.navbar.nav--min .arrondissement .content ul li a {
  font-size:.9rem;
  padding: 0 5px 0 0;
}
.navbar.nav--min .arrondissement .titre{
  font-weight:300;
}
.navbar.nav--min .arrondissement .content ul li a{
  color:#dc1d22;
  font-weight:500;
  position:relative;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.navbar.nav--min .arrondissement .select-arrondissement ul li a{
  color:#1e1719;
}

.navbar.nav--min .arrondissement ul li a:hover{
  /*color:#000;*/
  text-decoration:none;
}
.navbar.nav--min .arrondissement ul li a:after {
  background:#dc1d22;
}

.arrondissement .acces-liens .contextual-region{
  background:transparent;
}
.arrondissement .acces-liens .contextual-region .menu.navbar-right {
  margin-right:0 !important;
}
.arrondissement .acces-liens .contextual-region .menu.navbar-right,
.arrondissement .acces-liens .contextual-region .menu.navbar-right .dropdown.open .dropdown-toggle,
.arrondissement .acces-liens .contextual-region .menu.navbar-right .dropdown .dropdown-toggle,
.arrondissement .acces-liens .contextual-region .menu.navbar-right .dropdown .dropdown-menu {
  background:#fdd601 !important;
  color: #000 !important;
}
.arrondissement .acces-liens .contextual-region .menu.navbar-right .dropdown .dropdown-toggle,
.arrondissement .acces-liens .contextual-region .menu.navbar-right .dropdown .dropdown-menu li a {
  color:#000;
}
.arrondissement .acces-liens .contextual-region .menu.navbar-right .dropdown .dropdown-toggle::before {
  background: url(../images/HEADER-login_noir.svg) no-repeat;
}

.liens-head {
  max-width: 280px;
  padding: 0 15px 0 0;
}
.liens-head .r-social .svg{
  height: 16px;
  margin-top: 2px;
  vertical-align:top;
}
.liens-head ul{
  text-align:right;
  width:100%;
}
.liens-head ul li{
  margin:0 5px;
  position:relative;
  z-index:9;
}
.liens-head ul li a{
  color:#1e1719;
}
.liens-head ul li a.plan:hover{
  text-decoration:none;
  color:#dc1d22;
}
.liens-head a{
  transition:0.3s all ;
  -webkit-transition:0.3s all ;
}
.liens-head a:hover{
  text-decoration:none;
}
.liens-head a:hover .svg path{
  fill: #dc1d22;
}
.liens-head a .svg path{
  transition:0.2s all ;
  -webkit-transition:0.2s all;
}
.liens-head ul li:nth-child(4):after{
  content:"|";
  color:#1e1719;
  margin:0 5px 0 15px;
}
.liens-head ul li a.plan:after{
  background-color: #dc1d22;
}
.navbar.nav--min .acces-liens {
  padding-right:0;
  float:right;
  width: 555px;
}
.navbar.nav--min .bloc-acces-compte {
  background:#dc1d22;
  z-index: 9;
  padding:0;
  min-width:260px;
}
.navbar.nav--min .bloc-acces-compte form{
  width:100%;
}
.navbar.nav--min .bloc-acces-compte button{
  color: #FFF;
  font-weight: 300;
  font-size: .9rem;
  display: block;
  height: 100%;
  width: 100%;
  padding: 15px 0 15px 58px;
  text-align: left;
  background: none;
  border: 0;
  position: relative;
}

.navbar.nav--min .bloc-acces-compte a{
  color: #FFF;
  font-weight: 300;
  font-size: .9rem;
  display: block;
  height: 100%;
  width: 100%;
  padding: 15px 5rem 15px 0;
  text-align:right;
}
.navbar.nav--min .bloc-acces-compte a:before{
  content:"";
  background:url(../images/HEADER-login.svg) no-repeat;
  position:absolute;
  width: 20px;
  height:24px;
  margin-left: -40px;
}
.navbar.nav--min .bloc-acces-compte button:before{
  content:"";
  background:url(../images/HEADER-login.svg) no-repeat;
  position:absolute;
  width: 20px;
  height:24px;
  margin-left: -36px;
  margin-top: -4px;
}
.navbar.nav--min .bloc-acces-compte a:hover{
  text-decoration:none;
}
.navbar.nav--min .bloc-acces-compte:after{
  height: 100%;
}

header {
  background:url(../images/HEADER-bkg.jpg) no-repeat center center / cover;
}

/*header .head-visu {*/
/*  height:203px;*/
/*}*/

header .head-visu .bloc-logo,
header .head-visu .bloc-logo .content {
  height:100%;
}
header .head-visu .bloc-logo{
  width:288px;
  padding: 0;
}

header .head-visu .bloc-logo img{
  width:275px;
  height:91px;
  margin-top: 70px;
}

header .head-visu .bloc-header-liens {
  background:rgba(0,0,0,0.35);
  height:100%;
  padding: 16px 40px;
  width: 530px;
  float: right;
}
header .rechercher {
  width: calc(100% - 50px);
  display: inline-block;
}
header .bloc-header-liens > .content {
  position:relative;
}
header .bloc-header-liens .btn-rond {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #FFF;
  background: transparent;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
}
.btn-rond:before,
.btn-rond:after
{
  content:"";
  background:#FFF;
  position:absolute;
}
.btn-rond:before{
  width:14px;
  height:1px;
  top: 15px;
  left: 9px;
}
.btn-rond:after{
  width:1px;
  height:14px;
  top: 9px;
  left: 16px;
}
header .rechercher form {
  margin-top:5px;
}
header .rechercher .bouton-rechercher {
  display:inline-block;
  height: 34px;
  padding: 6px 0;
  background:#FFF;
}
header .form-inline .form-group {
  width:92%;
  vertical-align: top;
}
header .rechercher .container-inline {
  background:#FFF;
}
header .form-inline .form-control {
  width:100%;
}
header .rechercher .bouton-rechercher input.picto-loupe-rouge {
  background: url(../images/HEADER-loupe.svg) no-repeat top left;
  height: 20px;
  width: 18px;
}
.form-control:focus {
  border-color:transparent;
  box-shadow:none;
  outline: solid 2px;
}


header .rechercher label.element-invisible {
  position:absolute;
  left: -5000px;
}
header .bloc-header-liens .titre {
  color:#FFF;
  text-transform:uppercase;
  font-weight:700;
  font-size: 14px;
  margin-top: 3px;
  margin-bottom: 2px;
}

header .lyon-pratique ul  {
  margin-top: 10px;
}

header .lyon-pratique ul li {
  display:inline-block;
  text-align: center;
  width: auto;
  max-width: 120px;
  padding:0 5px;
  vertical-align: top;
}
header .lyon-pratique ul li:first-child {
  padding:0 12px 0 0;
}


header .lyon-pratique ul li:last-child {
  padding:0 0 0 0;
}
header .lyon-pratique ul li a{
  color:#FFF;
  font-weight:200;
  display: block;
  word-spacing: 2px;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  transform: scale(1);
}
header .lyon-pratique ul li a:hover img{
  -webkit-animation: cd-shock .35s;
  -moz-animation: cd-shock .35s;
  animation: cd-shock .35s;
}
header .lyon-pratique ul li a span{
  display: block;
  line-height: 1rem;
}
header .lyon-pratique ul li a:hover{
  text-decoration:none;
}
header .lyon-pratique ul li.piscines {

}
header .lyon-pratique ul li.patinoires {

}
header .lyon-pratique ul li.pharmacies {
  max-width: 94px;
}
header .lyon-pratique ul li.medicales {
  max-width: 134px;
}
header .lyon-pratique ul li.newsletter {

}
header .lyon-pratique ul li img {
  width: 32px;
  margin-bottom: 8px;
  height: 30px;
}
header .lyon-pratique ul li.piscines img{
  width:37px;
  margin-bottom: 8px;
}
header .lyon-pratique ul li.patinoires img{
  width:32px;
  margin-bottom: 8px;
}
header .lyon-pratique ul li.pharmacies img{
  width:28px;
  margin-bottom: 8px;
}
header .lyon-pratique ul li.medicales img{
  width:27px;
  margin-bottom: 4px;
}
header .lyon-pratique ul li.newsletter img{
  width:34px;
  margin-bottom: 11px;
}
header .lyon-pratique {
  margin-bottom:6px;
}

nav.menu {
  background:#dc1d22;
  height:56px;
  border: 0;
  border-radius: 0;
  margin:0;
}
.navbar-default.menu .container-fluid {
  /*max-width: 1903px;*/
  height: 100%;
}
.navbar-default.menu .content.flexbox-container {
  height:100%;
}
.navbar-default.menu .navbar-nav>li {
  text-align:center;
  position:relative;
  z-index:999;
}
.navbar-default.menu .navbar-nav>li>a {
  color:#FFF;
  font-size:1rem;
  padding: 18px 15px;
}
.navbar-default.menu .navbar-nav>li a:after {
  height:100%;
  background:#FFF;
}

.navbar-default.menu .navbar-nav>.active>a,
.navbar-default.menu .navbar-nav>.active>a:hover {
  background: transparent;
}

.navbar-default.menu .navbar-nav>li>a:hover {
  color:#dc1d22;
}

.navbar-default.menu .navbar-nav>.active:after {
  content:"";
  position:absolute;
  background:#dc1d22;
  width:16px;
  height:16px;
  bottom:-8px;
  left:50%;
  margin-left:-8px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  z-index: -2;
  transition: .7s transform cubic-bezier(.19,1,.22,1),visibility 0s .7s;
  -webkit-transition: .7s transform cubic-bezier(.19,1,.22,1),visibility 0s .7s;
}

.navbar-default.menu .navbar-nav>.active:hover:after {
  /*background:#000;
  z-index: -2;*/
}
.navbar-collapse.collapse,
.navbar-collapse.collapsing
{
  width:100%;
  padding:0;
  border:0;
}
.navbar-collapse.collapse {
  transform: translate3d(0,0,1px);
  -webkit-transform: translate3d(0,0,1px);
}
.navbar-default.menu .navbar-nav{
  float:none;
  width:100%;
}
.navbar-default.menu .navbar-nav>li.culture span {
  margin-right: 5px;
}
.navbar-default.menu .navbar-nav>li.culture span .svg{
  width: 24px;
  height:20px;
  vertical-align: top;
}
.navbar-default.menu .navbar-nav>li>a:hover span .svg .stculture {
  fill: #dc1d22;
}
.navbar-default.menu .navbar-nav>li.accueil {
  width: 10.5%;
}
.navbar-default.menu .navbar-nav>li.cadre-vie {
  width:12.5%;
}
.navbar-default.menu .navbar-nav>li.culture {
  width: 11%;
}
.navbar-default.menu .navbar-nav>li.deplacements {
  width: 14.5%;
}
.navbar-default.menu .navbar-nav>li.enfance {
  width: 16%;
}
.navbar-default.menu .navbar-nav>li.solidarite {
  width:12.5%;
}
.navbar-default.menu .navbar-nav>li.sport {
  width: 10%;
}
.navbar-default.menu .navbar-nav>li.vie-municipale {
  width: 13%;
}
.navbar-default.menu .navbar-nav>li.logo-lyon,
.navbar-default.menu .navbar-nav>li.recherche,
.navbar-default.menu .navbar-nav>li.profil {
  display:none;
}

nav.menu.affix {
  left:0;
  top:0;
  width:100%;
  z-index:999;
}
.navbar-default.menu.affix .navbar-nav>li.logo-lyon {
  width: 9%;
  display:block;
  padding: 15px 26px 15px 0;
}
.navbar-default.menu.affix .navbar-nav>li.logo-lyon a{
  padding: 0;
}
.navbar-default.menu.affix .navbar-nav>li.logo-lyon a:after,
.navbar-default.menu.affix .navbar-nav>li.recherche a:after,
.navbar-default.menu.affix .navbar-nav>li.profil a:after{
  height:0;
}
/*.navbar-default.menu.affix .navbar-nav>li.accueil {
	width: 7.5%;
}
.navbar-default.menu.affix .navbar-nav>li.cadre-vie {
	width:11.5%;
}
.navbar-default.menu.affix .navbar-nav>li.culture {
	width: 11%;
}
.navbar-default.menu.affix .navbar-nav>li.deplacements {
	width: 13.5%;
}
.navbar-default.menu.affix .navbar-nav>li.enfance {
	width: 16%;
}
.navbar-default.menu.affix .navbar-nav>li.solidarite {
	width:11.5%;
}
.navbar-default.menu.affix .navbar-nav>li.sport {
	width: 7.5%;
}
.navbar-default.menu.affix .navbar-nav>li.vie-municipale {
	width: 12.5%;
}

.culture .navbar-default.menu.affix .navbar-nav>li.logo-lyon {
	width: 8%;
}
.culture .navbar-default.menu.affix .navbar-nav>li.accueil {
	width: 8.5%;
}
.culture .navbar-default.menu.affix .navbar-nav>li.cadre-vie {
	width:11.5%;
}
.culture .navbar-default.menu.affix .navbar-nav>li.culture {
	width: 11%;
}
.culture .navbar-default.menu.affix .navbar-nav>li.deplacements {
	width: 13.5%;
}
.culture .navbar-default.menu.affix .navbar-nav>li.enfance {
	width: 16.5%;
}
.culture .navbar-default.menu.affix .navbar-nav>li.solidarite {
	width:11.5%;
}
.culture .navbar-default.menu.affix .navbar-nav>li.sport {
	width: 7%;
}
.culture .navbar-default.menu.affix .navbar-nav>li.vie-municipale {
	width: 12.5%;
}*/


.navbar-default.menu.affix .navbar-nav>li.recherche,
.navbar-default.menu.affix .navbar-nav>li.profil {
  width: 3.5%;
  display:block;
  padding: 15px 5px;
}
.navbar-default.menu.affix .navbar-nav>li.recherche a,
.navbar-default.menu.affix .navbar-nav>li.profil a
{
  padding: 0;
}
.navbar-default.menu.affix .navbar-nav>li.logo-lyon a img,
.navbar-default.menu.affix .navbar-nav>li.recherche a img,
.navbar-default.menu.affix .navbar-nav>li.profil a img{
  height: 24px;
}

/****************
    FIL INFO
****************/
.breadcrumb {
  background: transparent;
  font-style:italic;
  font-size: .85rem;
  margin-top: 15px;
  padding:8px 0;
}
.breadcrumb>.active {
  color:#1e1719;
}
.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #1e1719;
  content: " > ";
}
.breadcrumb a{
  color:#dc1d22;
  position:relative;
}

.breadcrumb a:after {
  background:#dc1d22;
}



/****************
 LINE FLASH INFO
****************/
.LAME-flash-info {
  background:#f7f7f7;
  padding-top: 25px;
  padding-bottom:25px;
}

.LAME-flash-info .titre{
  color:#dc1d22;
  text-transform:uppercase;
  font-weight:700;
  font-size: 1rem;
  padding:0;
}
.LAME-flash-info .infos{
  padding:0;
  font-weight:300;
  font-size:.95rem;
}
.LAME-flash-info .infos strong{
  font-weight:600;
}

/****************
 CAROUSEL
****************/
.carousel-inner {
  padding:0;
}
.carousel-inner img{
  display:inline-block;
}
.carousel-inner img:focus {
  outline: 1px solid #000000;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .thumbnail a>img, .thumbnail>img{
  position: absolute;
  width: 637px;
  height: auto;
}
.carousel-inner .item {
  min-height:360px;
}

.culture-lyon .carousel-inner .item {
  min-height:250px;
}
.carousel-caption {
  position: relative;
  display: inline-block;
  right: inherit;
  left: inherit;
  bottom: inherit;
  text-shadow:none;
  text-align:left;
  color: #1e1719;
  padding-left: 687px;
  width: 100%;
}
.carousel-indicators,
#carouselButtons {
  position: absolute;
  left: inherit;
  margin-left: 0;
  width: 91%;
  text-align: left;
  padding-left: 684px;
  bottom: 0;
  margin-bottom: 6px;
}
.carousel .container-fluid {
  position:relative;
}
.carousel-control{
  width:20px;
  height:28px;
}
.carousel-control:focus {
  border: 2px solid #000000 !important;
}
.carousel-caption .titre h3{
  font-size: 2.5rem;
  font-weight:600;
}
.carousel-caption .date{
  font-size: 1.1rem;
  font-weight:600;
  margin: 15px 0 15px;
}
.carousel-caption  .accroche{
  font-size: 1.1rem;
  font-weight:300;
  margin-bottom: 10px;
}
.carousel-control.left{
  left:0;
}
.carousel-control.right{
  right:0;
}
.carousel-control.right,
.carousel-control.left{
  text-shadow:none;
  box-shadow:none;
  background:transparent;
  opacity:1;
  transform: translateY(-50%);
  top: 50%;
  /*margin-top: -14px;*/
  position: absolute;
  filter:none;
}
.glyphicon-chevron-right:before {
  background: url(../images/ARROW-right.svg) no-repeat top left;
}
.glyphicon-chevron-left:before {
  background: url(../images/ARROW-left.svg) no-repeat top left;
  left:0;
}
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
  content: "";
  width:10px;
  height: 19px;
  position: absolute;
}
.carousel-indicators .active {
  background-color: rgb(220, 29, 34);
  width:10px;
  height:10px;
  margin:1px;
  margin-bottom: -3px;
}
.carousel-indicators li {
  border:1px solid #dc1d22;
  margin-bottom: -3px;
}
.carousel-indicators li {
  position: relative;
}
.carousel-indicators li button {
  position: absolute;
  left: -2px;
  bottom: -1px;
  border: none !important;
  width: 5px;
  height: 10px;
  border-radius: 10px;
  background-color: unset;
}
.carousel-indicators li button:focus {
  outline: 1px solid #000000;
}

#carouselButtons {
  left: 102px;
  bottom: -4px;
}

/*#carouselButtons {*/
/*  margin-left: 100px;*/
/*  position: absolute;*/
/*  bottom: 0px;*/
/*}*/

#carouselButtonsFI {
  margin-left: 40px;
  position: absolute;
  bottom: 0px;
}

#pauseButton {
  color: #dc1d22;
}

#playButton {
  color: #dc1d22;
}
/****************
 EN CE MOMENT
****************/
.LAME-ce-moment article{
  text-align:center;
}
.LAME-ce-moment .row {
  margin: 0 -15px 35px;
}
.LAME-ce-moment .row + .row {
  margin: 0 -15px 0;
}
.LAME-ce-moment h3{
  text-transform:uppercase;
  margin:15px auto 0;
  font-weight:300;
  font-size:1rem;
  display: inline-block;
  background:#FFF;
  padding:0 20px;
}
.LAME-ce-moment h3:before{
  content:"";
  width:100%;
  height:1px;
  position:absolute;
  background:#1e1719;
  margin-top:9px;
  left:0;
  z-index:-1;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
}
.LAME-ce-moment.gris h3:before{
  z-index:0;
}
.LAME-ce-moment.gris h3 div{
  background:#f7f7f7;
  z-index: 9;
  position: relative;
  padding: 1px 20px;
  display: block;
}
.LAME-ce-moment .titre{
  position:relative;
}
.LAME-ce-moment img{
  display:block;
  width:100%;
}


.LAME-ce-moment a > span{
  display:block;
  overflow:hidden;
}
.LAME-ce-moment .date{
  font-weight:300;
  font-size:.9rem;
}
.LAME-ce-moment p.description{
  font-weight:700;
  font-size:1rem;
  line-height: 1.1rem;
  max-width: 330px;
  margin: 5px auto 5px;
}
.LAME-ce-moment p{
  font-weight:300;
  font-size:.95rem;
  line-height: 1rem;
}
.LAME-ce-moment article a{
  color:#1e1719;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
}
.LAME-ce-moment article a:hover{
  color:#dc1d22;
  text-decoration:none;
}
.LAME-ce-moment a:hover h3:before{
  background:#dc1d22;
}
section .btn-group{
  text-align:center;
  width: 100%;
}

/****************
  EN DIRECT DE LYON
****************/
.LAME-direct .container-fluid > .row {
  display:flex;
}
.lyon-direct {
  background:url(../images/DIRECT-bkg.jpg) no-repeat top center / cover;
  padding: 35px 30px;
  margin-right:30px;
  width: calc(66.66666667% - 30px);
}

.accueil .lyon-direct h2{
  color:#FFF;
  border-left: solid 2px #FFF;
}

.lyon-direct .row{
  margin:0 -15px 30px;
}
.lyon-direct .row:last-child{
  margin:0 -15px 0;
}

.lyon-direct article{
  background:#FFF;
  text-align: center;
  -webkit-box-shadow: 0px 10px 59px -10px rgba(0,0,0,0);
  -moz-box-shadow: 0px 10px 59px -10px rgba(0,0,0,0);
  box-shadow: 0px 10px 59px -10px rgba(0,0,0,0);
  transition: .5s transform cubic-bezier(0.08, 0.88, 0.61, 0.91);
  -webkit-transition: .5s transform cubic-bezier(0.08, 0.88, 0.61, 0.91);
  transform: scale(1);
  -webkit-transform: scale(1);
}
.lyon-direct article:hover{
  -webkit-box-shadow: 0px 10px 59px -10px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 59px -10px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 59px -10px rgba(0,0,0,0.75);
  transform: scale(1.05, 1.12);
  -webkit-transform: scale(1.04, 1.12);
}

.lyon-direct article a{
  color:#1e1719;
  width: 100%;
  display: block;
  padding: 35px 25px;
  height: 185px;
  -webkit-box-shadow: 0px 10px 59px -10px rgba(0,0,0,0);
  -moz-box-shadow: 0px 10px 59px -10px rgba(0,0,0,0);
  box-shadow: 0px 10px 59px -10px rgba(0,0,0,0);
  transition: 0.3s all;
  -webkit-transition: 0.3s all;

}

.lyon-direct article a:hover{
  color:#dc1d22;
}

.lyon-direct h3{
  font-size:1.1rem;
  position:relative;
  margin: 0 0 14px;
  padding: 0 0 11px;
  font-weight:600;
}
.lyon-direct h3:after{
  content: "";
  position: absolute;
  background: #dc1d22;
  height: 1px;
  bottom: 0;
  color: #dc1d22;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  transform-origin: center;
  -webkit-transform-origin: center;
  transform: scaleX(.1);
  right: 0px;
  left: 0px;
  display: block;
}

.lyon-direct a:hover h3:after{
  transform-origin: center;
  -webkit-transform-origin: center;
  transform: scaleX(1);
}

.lyon-direct p{
  font-size:.95rem;
  font-style:italic;
  font-weight: 400;
  line-height: 1.2rem;
}

.LAME-direct .liens a {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
.LAME-direct .liens a:hover {
  color:#dc1d22;
}

/****************
  PROFILS
****************/
.profils{
  background:#f7f7f7;
  padding: 35px 20px;
}

.profils .sous-titre{
  text-transform:uppercase;
  position:relative;
  text-align:center;
  margin:0 0 25px;
  padding:0 0 8px;
  font-size:1.1rem;
}

.profils .sous-titre:after{
  content:"";
  background:#1e1719;
  height:1px;
  width:55px;
  position:absolute;
  bottom: 0;
  left:50%;
  margin-left:-27.5px;
}

.profils ul{
  text-align:center;
}

.profils ul li{
  text-align:center;
  width: calc(33.33% - 2px);
  display: inline-block;
  padding: 19px 5px 18px;
  vertical-align: top;
}

.profils ul li a{
  color:#1e1719;
  text-transform:uppercase;
  font-size: .85rem;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  display:block;
  transform:scale(1);
}

.profils ul li a:hover span.picto{
  transform:scale(1.1);
}

.profils ul li a:hover{
  color:#dc1d22;
}

.profils ul li span{
  display: inline-block;
  line-height: 1rem;
}

.profils ul li span.picto{
  width:65px;
  height: 66px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
.profils ul li .svg{
  vertical-align:bottom;
}
.profils ul li a:hover .svg{
  -webkit-animation: cd-shock .3s;
  -moz-animation: cd-shock .3s;
  animation: cd-shock .3s;
}

.profils ul li.description .svg{
  width:46px;
}

.profils ul li.etudiant .svg{
  width:56px;
}

.profils ul li.professionnel .svg{
  width:59px;
}

.profils ul li.touriste .svg{
  width:57px;
}

.profils ul li.conseiller .svg{
  width:57px;
}

.profils ul li.handicap .svg{
  width:52px;
  padding-top: 5px;
}

.profils ul li.famille .svg{
  width:48px;
}

.profils ul li.senior .svg{
  width:30px;
}

.profils ul li.presse .svg{
  width:43px;
  padding-top: 5px;
}

.profils ul li a:hover .svg path{
  fill: #dc1d22;
}

.profils ul li a .svg path{
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}

/****************
  ET AUSSI
****************/
.et-aussi {
  padding-bottom:40px;
}
.et-aussi .row{
  margin:40px -15px 0px;
}
.et-aussi p{
  font-size:.95rem;
  line-height:1rem;
}

.accueil .et-aussi h2{
  margin: 0 auto 30px;
  width: 105px;
}

.et-aussi h3{
  margin: 0 0 5px;
  text-transform:uppercase;
  font-size:1rem;
  font-weight:700;
}

.et-aussi .BLOC-lyon-durable {
  border-bottom: 1px solid #1e1719;
  padding-bottom: 23px;
  margin-bottom:23px;
}
.et-aussi .BLOC-lyon-durable a,
.et-aussi .BLOC-cote-quartier a{
  color:#1e1719;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  display: block;
}

.et-aussi .BLOC-lyon-durable a:hover,
.et-aussi .BLOC-cote-quartier a:hover{
  color:#dc1d22;
}

.et-aussi .BLOC-lyon-durable .description,
.et-aussi .BLOC-cote-quartier .description
{
  width: calc(100% - 100px);
  display: inline-block;
}

.et-aussi .BLOC-lyon-durable img,
.et-aussi .BLOC-cote-quartier img{
  display: inline-block;
  vertical-align: top;
  width:75px;
  margin:0 20px 0 0;
}

.et-aussi .BLOC-image img,
.et-aussi .BLOC-image a > span
{
  width:100%;
  position:relative;
  display:block;
}
.et-aussi .BLOC-image a > span:after{
  content:"";
  position:absolute;
  background: rgba(0, 0, 0, 0.6);
  width:100%;
  height:100%;
  z-index:999;
  top:0;
  transition: all 1s cubic-bezier(0.26, 0.77, 0.5, 1.08);
  -webkit-transition: all 1s cubic-bezier(0.26, 0.77, 0.5, 1.08);
}
.et-aussi .BLOC-image a:hover > span:after{
  background: rgba(0, 0, 0, 0.8);
}
.et-aussi .BLOC-image h3 {
  text-transform:uppercase;
  position: absolute;
  z-index: 9999;
  height: calc(100% - 40px);
  width: calc(100% - 40px);
  border: 1px solid #FFF;
  margin: 20px;
}
.et-aussi .BLOC-image h3 span{
  display: block;
  text-align: center;
  width: 100%;
}
.et-aussi .BLOC-image a {
  text-decoration:none;
  color:#FFF;
  display: block;
  width: 100%;
  position: relative;
}

.et-aussi .BLOC-image article {
  overflow:hidden;
}

/****************
  FOCUS
****************/
section.gris {
  background:#f7f7f7;
  padding:35px 0;
  position:relative;
  margin-bottom: 0;
}
.focus .row{
  margin:0 -15px;
  /*margin:0 -30px;*/
}
.focus .reseau-social {
  background:#FFF;
}
.focus article a > span{
  display:block;
  overflow:hidden;
  width:100%;
}
.focus article a > span img{
  display:block;
  width: 100%;
}
.focus article a h3{
  color:#444444;
  font-weight:300;
  font-size:1rem;
  text-transform:uppercase;
  margin: 10px 0 5px;
}
.focus article a .sous-titre{
  color:#444444;
  font-weight:700;
  font-size:1rem;
  margin:5px 0;
}

.focus article a .description{
  color:#444444;
  font-weight:400;
  font-size:.95rem;
  line-height:1.1rem;
}
.focus .col-lg-8 .col-lg-6 article a .description,
.focus .col-lg-8 .col-lg-6 article a .sous-titre,
.focus .col-lg-8 .col-lg-6 article a:hover h3{
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
.focus .col-lg-8 .col-lg-6 article a:hover .description,
.focus .col-lg-8 .col-lg-6 article a:hover .sous-titre,
.focus .col-lg-8 .col-lg-6 article a:hover h3
{
  color:#dc1d22;
}

/****************
LAME-ACC-ACTU
****************/
.culture .LAME-ACC-ACTU {
  margin-bottom: 90px;
}

.LAME-ACC-ACTU article{
  text-align:center;
}
.LAME-ACC-ACTU .row {
  margin: 0 -15px 35px;
}
.LAME-ACC-ACTU .row + .row {
  margin: 0 -15px 0;
}
.LAME-ACC-ACTU h3{
  text-transform:uppercase;
  margin:15px auto 0;
  font-weight:300;
  font-size:1rem;
  display: inline-block;
  background:#FFF;
  padding:0 20px;
}

.LAME-ACC-ACTU.gris h3{
  background:#f7f7f7;
  padding:0 20px;
}
.LAME-ACC-ACTU.gris h3 span{
  z-index: 9;
  position: relative;
  background: #f7f7f7;
  padding: 0 20px;
}

.LAME-ACC-ACTU h3:before{
  content:"";
  width:100%;
  height:1px;
  position:absolute;
  background:#1e1719;
  margin-top:9px;
  left:0;
  z-index:-1;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
}
.LAME-ACC-ACTU.gris h3:before {
  z-index: 0;
}
.LAME-ACC-ACTU .titre{
  position:relative;
}
.LAME-ACC-ACTU img{
  display:block;
  width:100%;
}
.LAME-ACC-ACTU a > span{
  display:block;
  overflow:hidden;
}
.LAME-ACC-ACTU .date{
  font-weight:300;
  font-size:.9rem;
}
.LAME-ACC-ACTU p.description{
  font-weight:700;
  font-size:1rem;
  line-height: 1.1rem;
  max-width: 330px;
  margin: 5px auto 5px;
}
.LAME-ACC-ACTU p{
  font-weight:300;
  font-size:.95rem;
  line-height: 1rem;
}
.LAME-ACC-ACTU article a{
  color:#1e1719;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
}
.LAME-ACC-ACTU article a:hover{
  color:#dc1d22;
  text-decoration:none;
}
.LAME-ACC-ACTU a:hover h3:before{
  background:#dc1d22;
}



/****************
  CULTURE LYON
****************/
.culture-lyon {
  background:url(../images/CULTURE-bkg.jpg) no-repeat top center / cover;
  position: relative;
  margin-bottom: 0;
  padding-bottom:50px;
}
.culture-lyon .col-lg-3 a {
  /*color:#1e1719;*/
  color:#ffffff;
  text-align: center;
}

.culture-lyon a .date{
  font-size: .9rem;
}
.culture-lyon a .titre{
  font-weight:700;
  font-size:1rem;
}
.culture-lyon .row{
  margin:0 -15px;
}
.accueil .culture-lyon h2{
  color:#FFF;
  border:0;
  text-align:center;
  padding:60px 0 30px;
}
.culture-lyon h2 span{
  display: inline-block;
  width:54px;
  margin-right: 10px;
}
.description h3.theme {
  /*color: #1e1719;*/
  color: #ffffff;
  margin: 7px 0 4px;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  position: relative;
}
.culture-lyon h3:before,
.culture-lyon h3:after {
  content: "";
  width: 27%;
  height: 1px;
  position: absolute;
  /*background: #1e1719; */
  background: #ffffff;
  margin-top: 9px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
.culture-lyon h3:before{
  left: 0;
}
.culture-lyon h3:after{
  right: 0;
}
.culture-lyon article a > span {
  display: block;
  overflow: hidden;
  width: 100%;
  border: 4px solid #FFF;
}
.culture-lyon article a > span img{
  display: block;
  width: 100%;
}
.culture-lyon:after {
  content: "";
  background: #fff;
  width: 34px;
  height: 34px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  left: 50%;
  margin-left: -17px;
  top: -17px;
}
.culture-lyon .liens.blanc{
  text-align:center;
  margin-top: 30px;
  z-index: 99;
  position: relative;
}
.culture-lyon .liens.blanc a{
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
.culture-lyon .liens.blanc a:hover{
  color:#587E02 !important;
}

.culture-lyon .liens.blanc a span:before{
  background: url(../images/ARROW-lien_vert.svg) no-repeat center;
}


/****************
  ARTICLE
****************/
.col-lg-8.col-c{
  padding-right: 40px;
  padding-left:0;
}

.standard .rubrique {
  text-transform:uppercase;
  font-weight:400;
  color:#1e1719;
}
.standard h1 {
  font-weight: 700;
  font-size:2.1rem;
  margin: 0 0 20px;
}
.standard .BLOC-chapeau{
  margin-bottom: 20px;
  position:relative;
}
.standard .BLOC-chapeau.petite .BLOC-image{
  /*display: inline-block;*/
  width:414px;
  height: auto;
  float:none;
  margin-right:20px;
}
.standard .BLOC-chapeau.full .BLOC-image{
  display:block;
  width:100%;
  height: auto;
}
.standard .BLOC-chapeau.full .BLOC-image img{
  display:block;
  max-width:700px;
}
.standard .BLOC-chapeau .BLOC-image img{
  display: block;
}

.standard .BLOC-chapeau .description{
  /*display: inline-block;
  width: calc(100% - 440px);
    margin-left: 20px;*/
  display: inline-block;
  width: calc(100% - 255px);
  margin-left: 20px;
  vertical-align: top;
  min-height: auto;
}
.standard .BLOC-chapeau.full .description{
  display: block;
  width: 100%;
  margin-left: 0;
  margin-top:10px;
}
.standard .BLOC-chapeau .description .logo{
  border-radius:50%;
  padding:15px 14px;
  margin:0 0 15px 15px;
  float:right;
  -moz-box-shadow: 4px 4px 20px -2px #848484;
  -webkit-box-shadow: 4px 4px 20px -2px #848484;
  -o-box-shadow: 4px 4px 20px -2px #848484;
  box-shadow: 4px 4px 20px -2px #848484;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#848484, Direction=134, Strength=15);
}
.standard .BLOC-chapeau .description .logo img{
  width:70px;
}
.standard .BLOC-chapeau.full .description p{
  margin: 0;
}

.standard .BLOC-chapeau .description p{
  font-weight:300;
  margin: 10px 0;
  font-size:1rem;
  line-height:1.25rem;
}
.standard .BLOC-chapeau .description p strong{
  font-weight:700;
}
.standard article {
  margin:0 0 30px;
}
.standard article h2{
  font-weight:700;
  font-size:1.1rem;
  text-transform:none;
  border:0;
  padding-left:0;
  margin:30px 0 5px;
  text-align:left;
}

.standard article p{
  font-size:1rem;
  line-height:1.15rem;
  margin:0;
}

.standard .BLOC-savoir-plus {
  font-size:1rem;
}

.standard .BLOC-savoir-plus a,
.standard article p a
{
  color:#dc1d22;
  position:relative;
  z-index: 99;
}

.standard .BLOC-savoir-plus a:after,
.standard article p a:after
{
  background:#dc1d22;
}
.standard figure {
  margin: 0;
}
.standard.actualite iframe {
  width: 100%;
  min-height: 408px;
}
/* Colonne de droite */
.col-lg-4.col-d{
  padding-right: 0;
}
.col-d h2{
  text-align:left;
}
.col-d section{
  background-color:#f0efec;
  padding: 35px;
}

.rechercher label {
  position:absolute;
  left:-99999px;
}
.col-d section ul {
  margin-top: 10px;
}
.col-d .rechercher .form-inline .form-group{
  width:75%;
}
.col-d .rechercher .bouton-rechercher {
  display: inline-block;
  width: calc(25% - 3px);
}

.col-d .rechercher .bouton-rechercher input{
  width:100%;
}

.rechercher .bouton-rechercher {
  display: inline-block;
}

.rechercher .bouton-rechercher input.btn{
  border:0;
  border-radius:0;
  background:#dc1d22;
  color:#FFF;
  font-size:1rem;
  font-weight:300;
}

.rechercher .form-group input{
  width:100%;
}

.rechercher .form-group input[type=checkbox], .rechercher .form-group  input[type=radio]{
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.col-d section h2{
  text-transform:uppercase;
  font-weight:700;
  font-size:1.2rem;
  border-bottom: 1px solid #1e1719;
  padding-bottom: 5px;
  margin-bottom:17px;
  padding-left:0;
  border-left:0;
}
section.autres-actus ul li{
  color:#1e1719;
  font-size:1rem;
  font-weight:300;
  margin-bottom:17px;
}
section.autres-actus ul li a{
  color:#000000;
  font-size:1rem;
  font-weight:300;
  position:relative;
  z-index: 99;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
}
section.autres-actus ul li a:hover{
  color:#dc1d22;
}
section.autres-actus ul li a:after {
  background-color:#dc1d22;
}
section.infos-pratiques p{
  margin:0 0 3px 0;
  font-size:.95rem;
}

section.infos-pratiques .rouge{
  color:#dc1d22;
}

section.infos-pratiques .date,
section.infos-pratiques .adresse
{
  margin-bottom:20px;
}


/****************
  DANS LE CADRE
****************/
section.dans-le-cadre.bloc-vert {
  background:#88c100;
}

section.dans-le-cadre.bloc-vert {
  background:#88c100;
}

.col-d section.dans-le-cadre.bloc-vert img{
  width:100%;
  border:5px #FFF solid;
}

.col-d section.dans-le-cadre.bloc-vert p{
  font-size:.95rem;
}

.col-d section.dans-le-cadre.bloc-vert .date{
  font-size:.95rem;
  font-style: italic;
  margin:10px 0;
}

/****************
  RECHERCHER EVENEMENT
****************/
.col-d .rechercher.evenement {
  background:#dc1d22;
  color:#FFF;
}

.col-d .rechercher.evenement h2{
  border-bottom: 1px solid #FFF;
}

.col-d .rechercher.evenement .form-inline .form-group {
  width: 100%;
}

.col-d .rechercher.evenement .choix .date input {
  width: 100%;
  margin-left: 0;
}

.col-d .rechercher.evenement .choix .date.form_datetime {
  margin-right: 0;
  width:100%;
}

.col-d .rechercher.evenement .choix .col-lg-6:first-child .date.form_datetime {
  padding-right:5px;
}
.col-d .rechercher.evenement .choix .col-lg-6:last-child .date.form_datetime {
  padding-left:5px;
}

.col-d .rechercher.evenement .bouton-rechercher  {
  margin-top:20px;
}

.col-d .rechercher.evenement .bouton-rechercher input.btn {
  border: 1px solid #FFF;
}


/****************
  EN IMAGE
****************/
.LAME-en-image {
  background:#f0efec;
  padding:68px 0 0px;
  position:relative;
}
.LAME-en-image h2{
  border:0;
  padding:0;
  text-align:center;
}
.LAME-en-image:before {
  content:"";
  position:absolute;
  width:0;
  height:0;
  color:#FFF;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 27px solid;
  top: 0;
  left: 50%;
  margin-left: -25px;
  z-index:99;
}
.LAME-en-image:after {
  content:"";
  position:absolute;
  width:0;
  height:0;
  color:#f0efec;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 27px solid;
  bottom: -27px;
  left: 50%;
  margin-left: -25px;
}

.LAME-en-image .carousel ul.nav{
  text-align:center;
}
.LAME-en-image .carousel ul li{
  display: inline-block;
  width:142px;
  vertical-align:top;
  margin: 0 5px;
  float:none;
}
.LAME-en-image .carousel ul li a{
  padding:0;
  background: #FFF;
}
.LAME-en-image .carousel ul li img{
  width:142px;
  height:80px;
}
.LAME-en-image .carousel ul li.active img{
  opacity:.3;
}
.LAME-en-image .img-responsive{
  width:610px;
  height:347px;
  margin: 0 auto 30px;
  display: block;
  position: relative;
  border: #FFF 10px solid;
}
.LAME-en-image .carousel-control {
  background: url(../images/ARROW-lien_rouge.svg) no-repeat center / 30px;
  top: 50%;
  margin-top: -14px;
  width: 60px;
  border: 1px solid #dc1c22;
  opacity: 1;
}
.LAME-en-image .izq.carousel-control {
  left:0;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  text-shadow: none;
  color: transparent;
}
.LAME-en-image .der.carousel-control {
  right:0;
  left: inherit;
  color: transparent;
  text-shadow: none;
}




/****************
TABLEAU DE BORD
*****************/
.ESPACE-PERSONNEL {
  background:url(../images/bkg-tableau-de-bord.jpg) no-repeat top center / cover;
  padding: 30px 0;
}
.ESPACE-PERSONNEL .row{
  margin: 20px -10px;
}
.ESPACE-PERSONNEL article .content{
  display:flex;
  height:100%;
  padding: 30px 0;
  min-height: 165px;
}
.ESPACE-PERSONNEL h1 {
  color:#FFF;
  font-size:2.1rem;
  text-transform: uppercase;
  font-weight:700;
  letter-spacing: -1px;
  margin-bottom:30px;
}
.ESPACE-PERSONNEL .col-lg-6 {
  background: #FFF;
  margin: 0 10px 20px;
  padding: 0;
  min-height: 153px;
  width: calc(50% - 20px);
}
.ESPACE-PERSONNEL .picto {
  width: 160px;
  text-align: center;
}
.ESPACE-PERSONNEL .bloc-info {
  width: calc(100% - 160px);
}
.ESPACE-PERSONNEL .col-lg-6 .picto .svg{
  width:48px;
}
.ESPACE-PERSONNEL .col-lg-6.favoris .picto .svg{
  width:60px;
}
.ESPACE-PERSONNEL .col-lg-6.autres-comptes .picto .svg{
  width:52px;
}
.ESPACE-PERSONNEL .col-lg-6.demandes .picto .svg{
  width:70px;
}
.ESPACE-PERSONNEL .col-lg-6.factures .picto .svg{
  width:72px;
}
.ESPACE-PERSONNEL .col-lg-6.newsletter .picto .svg{
  width:66px;
}
.ESPACE-PERSONNEL h2 {
  font-weight: 700;
  font-size: 1.8em;
  text-align: left;
  text-transform: inherit;
  margin-bottom: 20px;
}
.ESPACE-PERSONNEL .demandes .description{
  margin-top:30px;
}
.ESPACE-PERSONNEL .description p{
  font-size:.85em;
  font-weight:300;
}

.ESPACE-PERSONNEL .st0 {
  fill:#DC1E23;
}
.ESPACE-PERSONNEL .demandes .bloc-info .st0 {
  fill:#1e1719;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
.ESPACE-PERSONNEL .demandes .bloc-info a:hover .svg path {
  fill:#DC1E23;
}
.ESPACE-PERSONNEL .bloc-info a {
  color:#1e1719;
  display: block;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
.ESPACE-PERSONNEL .bloc-info a:hover {
  color:#DC1E23;
}
.ESPACE-PERSONNEL .bloc-info a .svg {
  width: 35px;
  margin-top: -20px;
}
.ESPACE-PERSONNEL .bloc-info ul li {
  display:inline-block;
  text-align: center;
  margin-right:30px;
}
.ESPACE-PERSONNEL .bloc-info ul li:last-child {
  margin-right:0;
}
.ESPACE-PERSONNEL .bloc-info ul li p{
  margin-bottom:0;
}
.ESPACE-PERSONNEL .factures .bloc-info ul li p{
  display:inline-block;
  margin-left:4px;
}
.ESPACE-PERSONNEL .bloc-info ul li span.chiffres{
  font-size:2.5rem;
  font-weight:300;
  line-height: 1rem;
}

/****************
  A LIRE AUSSI
****************/
.LAME-lire-aussi {
  padding:48px 0;
  position:relative;
}

.LAME-lire-aussi h2{
  border:0;
  padding:0;
  text-align:center;
}
.LAME-lire-aussi .carousel-inner {
  margin: 0 ;
}
/*.LAME-lire-aussi .carousel-control.left {*/
/*  left: -40px;*/
/*}*/
/*.LAME-lire-aussi .carousel-control.right {*/
/*  right: -40px;*/
/*}*/
.LAME-lire-aussi .carousel-control.left,
.LAME-lire-aussi .carousel-control.right {
  margin-top: -64px;
}
.LAME-lire-aussi .row > article{
  text-align:center;
  width:calc(34.04% - 30px);
  margin-right: 30px;
  padding:0;
}
.LAME-lire-aussi .row > article:last-child{
  margin-right: 0;
}
.LAME-lire-aussi .row {
  margin: 0;
}
.LAME-lire-aussi h3{
  text-transform:uppercase;
  margin:15px auto 0;
  font-weight:300;
  font-size:1em;
  display: inline-block;
  background:#FFF;
  padding:0 20px;
}
.LAME-lire-aussi h3:before{
  content:"";
  width:100%;
  height:1px;
  position:absolute;
  background:#1e1719;
  margin-top:9px;
  left:0;
  z-index:-1;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
}
.LAME-lire-aussi .titre{
  position:relative;
}
.LAME-lire-aussi img{
  display:block;
  width:100%;
}
.LAME-lire-aussi .carousel article a > span{
  display:block;
  overflow:hidden;
}
.LAME-lire-aussi .carousel a > span{
  overflow: visible;
}
.LAME-lire-aussi .date{
  font-weight:300;
  font-size:.9em;
}
.LAME-lire-aussi p{
  font-weight:700;
  font-size:1em;
  line-height: 1.1em;
  margin-top: 13px;
}
.LAME-lire-aussi article a{
  color:#1e1719;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
}
.LAME-lire-aussi article a:hover{
  color:#dc1d22;
  text-decoration:none;
}
.LAME-lire-aussi a:hover h3:before{
  background:#dc1d22;
}
.LAME-lire-aussi .carousel-indicators {
  width: 100%;
  padding: 0;
  text-align: center;
}
.LAME-lire-aussi .carousel-inner .item {
  min-height: 1px;
}


/****************
  En LIENS
****************/
.LAME-en-liens {
  padding:48px 0;
  position:relative;
}

.LAME-en-liens h2{
  border-left: solid 2px #dc1d22;
  padding-left: 7px;
  text-align: left;
}
.LAME-en-liens .carousel-inner {
  margin: 0 ;
}
.LAME-en-liens .carousel-control.left {
  left: -40px;
}
.LAME-en-liens .carousel-control.right {
  right: -40px;
}
.LAME-en-liens .carousel-control.left,
.LAME-en-liens .carousel-control.right {
  margin-top: -64px;
}
.LAME-en-liens .row > article{
  text-align:center;
  width:calc(34.04% - 30px);
  margin-right: 30px;
  padding:0;
}
.LAME-en-liens .row > article:last-child{
  margin-right: 0;
}
.LAME-en-liens .row {
  margin: 0;
}
.LAME-en-liens h3{
  text-transform:uppercase;
  margin:15px auto 0;
  font-weight:300;
  font-size:1rem;
  display: inline-block;
  background:#FFF;
  padding:0 20px;
}
.LAME-en-liens h3:before{
  content:"";
  width:100%;
  height:1px;
  position:absolute;
  background:#1e1719;
  margin-top:9px;
  left:0;
  z-index:-1;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
}
.LAME-en-liens .titre{
  position:relative;
}
.LAME-en-liens img{
  display:block;
  width:100%;
}
.LAME-en-liens .carousel article a > span{
  display:block;
  overflow:hidden;
}
.LAME-en-liens .carousel a > span{
  /*overflow: visible;*/
}
.LAME-en-liens .date{
  font-weight:300;
  font-size:.9rem;
}
.LAME-en-liens p{
  font-weight:700;
  font-size:1rem;
  line-height: 1.1rem;
}
.LAME-en-liens article a{
  color:#1e1719;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
}
.LAME-en-liens article a:hover{
  color:#dc1d22;
  text-decoration:none;
}
.LAME-en-liens a:hover h3:before{
  background:#dc1d22;
}
.LAME-en-liens .carousel-indicators {
  bottom:-30px;
  width: 100%;
  padding: 0;
  text-align: center;
}
.LAME-en-liens .carousel-inner .item {
  min-height: 1px;
}

/****************
  ACCORDEON
****************/
.accordion .panel-group {
  margin-bottom:0;
}

.accordion .glyphicon-plus:before {
  content: "";
  background:url(../images/arrow-bottom.svg) top left no-repeat;
  width:10px;
  height:6px;
  position:absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -3px;
}

.accordion .glyphicon {
  width:22px;
  height:22px;
  border:2px solid #1e1719;
  border-radius:50%;
  position:relative;
}
.accordion .glyphicon-minus:before {
  content: "";
  background:url(../images/arrow-top.svg) top left no-repeat;
  width:10px;
  height:6px;
  position:absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -3px;
}

.accordion .glyphicon {
  width:22px;
  height:22px;
  border:2px solid #1e1719;
  border-radius:50%;
  position:relative;
}

.accordion .panel-group .panel {
  border:0;
  box-shadow:none;
  border-radius:0;
}
.accordion .panel-group .panel .panel-heading a{
  display:block;
}
.accordion .panel-group .panel .panel-heading a i{
  vertical-align:bottom;
  margin-right:10px;
}
.accordion .panel-group .panel .panel-heading a:hover{
  text-decoration:none;
}

.accordion .panel-default>.panel-heading {
  background-color: transparent;
  border-top: 1px solid #dc1d22;
  border-radius:0;
}

.accordion:last-child .panel-default>.panel-heading {
  border-bottom: 1px solid #dc1d22;
}
.accordion .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
  border:0;
}
.accordion h2 {
  text-align: left;
  text-transform:initial;
  font-size:1.1rem;
  font-weight:700;
}

.accordion .panel-body {
  font-size:1rem;
  font-weight:400;
}

.accordion .panel-body h3{
  font-weight:600;
  font-size:1rem;
  margin-bottom:2px;
}

.accordion .BLOC-savoir-plus {
  margin: 15px 0 20px;
}

.BLOC-savoir-plus span .svg{
  width:18px;
  height:auto;
  margin-left: 3px;
  padding-bottom: 3px;
}

.standard .accordion .container-fluid{
  padding:0;
}
p span.mois{
  display:inline-block;
  margin-right:10px;
  width:90px;
}

.BLOC-compterendu p {
  margin-bottom:0;
}
.BLOC-compterendu p a{
  color:#1e1719;
  position:relative;
  z-index:9;
}
.BLOC-compterendu p a:hover{
  color:#dc1d22;
}

.BLOC-compterendu p a:after {
  background:#dc1d22;
}

.row.archives article:first-child {
  margin:0 15px 0 0;
}
.row.archives article:last-child {
  margin:0 0 0 15px;
}

.row.archives article {
  background:#f0efec;
  margin:0 15px;
  width: calc(50% - 15px);
  padding: 25px;
}

.row.archives article .date {
  text-align: center;
  font-size: 1.1rem;
  position: relative;
  margin: 0 0 14px;
  padding: 0 0 11px;
  font-weight: 600;
}

.row.archives {
  display:flex;
  margin-bottom: 30px;
}

.row.archives article .date:after {
  content: "";
  position: absolute;
  background: #dc1d22;
  height: 1px;
  bottom: 0;
  color: #dc1d22;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  transform-origin: center;
  -webkit-transform-origin: center;
  transform: scaleX(.1);
  right: 0px;
  left: 0px;
  display: block;
}

.row.archives article.autres-archives {
  background: #FFF;
  text-align: center;
  border: #f0efec 7px solid;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
  padding:0;
}

.row.archives article.autres-archives:hover {
  border: #dc1d22 7px solid;
}

.row.archives article.autres-archives a{
  display: block;
  color:#1e1719;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
  padding: 25px;
  height: 100%;
}

.row.archives article.autres-archives a:hover{
  color:#dc1d22;
}
.row.archives article.autres-archives a path.pictoarchive {
  transition:0.3s all ;
  -webkit-transition:0.3s all;
}
.row.archives article.autres-archives a:hover path.pictoarchive {
  fill:#dc1d22;
}

.row.archives article.autres-archives p{
  margin-bottom: 20px;
}

.row.archives article.autres-archives .titre{
  font-size: 1.4rem;
  margin: 10px 0 20px;
  line-height: 1.4rem;
}

article.autres-archives .content-picto .svg {
  width: 100px;
}

/****************
  IMPORTANT
****************/
section.important, .important {
  background:#dc1d22;
  padding:30px 40px;
  color:#FFF;
  text-align:center;
}

section.important .chiffre-cle, .important .chiffre-cle{
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:5px;
  font-size:2.5rem;
}

section.important p, .important p{
  font-size:1rem;
  font-weight:300;
  line-height:1.1rem;
}

/****************
  DETAILS
****************/
.rechercher label.filtrer {
  position: relative;
  left: inherit;
  font-size:1rem;
  font-weight:300;
  margin-right:10px;

}
.GROS_TITRE.agenda .rechercher .col-lg-5 .form-group {
  width: 80%;
}
.GROS_TITRE.agenda .form-group input {
  width: 100%;
}
.rechercher .form-inline [id="filtrer"],
.rechercher .form-inline [id="filtrer_theme"],
.rechercher .form-inline [id="filtrer_arrondissement"]
{
  width:77%;
  border:1px solid #dc1d22;
  background:transparent;
  color:#dc1d22;
  font-style:italic;
  height: 40px;
  font-size:1rem;
}

.rechercher .form-inline [id="filtrer_theme"],
.rechercher .form-inline [id="filtrer_arrondissement"] {
  width:42%;
}
.rechercher .form-inline [id="filtrer_theme"] {
  margin-right:10px;
}

.rechercher .container-inline.BLOC-recherche .col-lg-7 .form-group {
  width:250px;
}
.rechercher .container-inline.BLOC-recherche .col-lg-7,
.rechercher .container-inline.BLOC-recherche .col-lg-5  {
  padding:0;
}

.rechercher .container-inline.BLOC-recherche .form-group input {
  padding: 20px 12px;
  font-size:1rem;
}

.rechercher .container-inline.BLOC-recherche .bouton-rechercher input.btn {
  padding: 9px 22px;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1e1719;
  font-style:italic;
  font-weight:300;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #1e1719;
  font-style:italic;
  font-weight:300;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #1e1719;
  font-style:italic;
  font-weight:300;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color:#1e1719;
  font-style:italic;
  font-weight:300;
}

.GROS_TITRE .autre-recherche {
  background:#e5e4e2;
  margin: 0 -33px -25px;
  padding: 15px 33px;
}
.GROS_TITRE .rechercher form {
  margin-bottom:25px;
}
.GROS_TITRE .autre-recherche .titre{
  display:inline-block;
  font-size:1em;
  font-weight:300;
}
.GROS_TITRE .autre-recherche ul,
.GROS_TITRE .autre-recherche ul li{
  display:inline-block;
}

.GROS_TITRE .autre-recherche ul li {
  position:relative;
  margin-right: 19px;
}
.GROS_TITRE .autre-recherche ul li:last-child {
  margin-right: 0;
}

.GROS_TITRE .autre-recherche ul li:after{
  content:"|";
  position:absolute;
  right:-14px;
  color:#dc1d22;
  font-weight:400;
}
.GROS_TITRE .autre-recherche ul li:last-child:after{
  display:none;
}

.GROS_TITRE .autre-recherche ul li a{
  color:#dc1d22;
  font-style:italic;
  font-size:.95em;
  font-weight:300;
  position:relative;
  z-index:99;
}

.GROS_TITRE .autre-recherche ul li a:after {
  background:#dc1d22;
}

.GROS_TITRE .rechercher .choix input{
  width:13px;
}

.rechercher .choix label {
  position: inherit;
  left: inherit;
  font-weight:300;
  font-size:1em;
  margin-right: 10px;
}

.rechercher .choix > div{
  padding:0;
}

.rechercher .choix .date input{
  width: 120px;
  margin-left:10px;
}

.rechercher .choix label.date_du,
.rechercher .choix label.date_au
{
  position:absolute;
  left:-9999999px;
}

.rechercher .choix .date span .glyphicon-th:before {
  content: "";
  background: url(../images/calendar_rouge.svg) no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -17px;
  margin-top: -16px;
  z-index: 99;
}

.rechercher .choix .date span.input-group-addon {
  background: #FFF;
  border: 0;
  border-radius: 0;
}

.rechercher .choix .date.form_datetime {
  margin-right: 15px;
}

.rechercher .choix  {
  margin-top: 10px;
  margin-bottom:10px;
}

/****************
  LAME ACTU
****************/
.LAME-actualites .group-actu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}

.LAME-actualites .group-actu article{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  width:47%;
}

.LAME-actualites .group-actu article:nth-child(odd){
  padding-left: 0;
}
.LAME-actualites .group-actu article:nth-child(even){
  padding-right: 0;
}

.LAME-actualites .group-actu article .bloc{
  background-color:#f0efec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.LAME-actualites article .img-actu {
  width:174px;
  display: inline-block;
  overflow: hidden;
}

.LAME-actualites article .actu-texte {
  display: inline-block;
  width:calc(100% - 174px);
  padding: 20px;
}

.LAME-actualites article a {
  color:#1e1719;
}

.LAME-actualites article .actu-texte h2{
  text-align:left;
  font-size:1.1rem;
  margin-bottom: 10px;
  text-transform:inherit;
}
.LAME-actualites article .actu-texte h2 span{
  background: url(../images/PICTO-attention.svg) no-repeat left 10px center / 20px;
  display: inline-block;
  border: 1px solid #dc1d22;
  padding: 10px 15px 10px 39px;
  font-size: .9rem;
  font-weight: 400;
  color: #dc1d22;
  margin-left: 10px;
}
.LAME-actualites article .actu-texte .date{
  font-size:.85rem;
  font-weight:300;
  margin-bottom:15px;
}
.LAME-actualites article .actu-texte .description{
  font-size:.95rem;
  font-weight:300;
  line-height:1.15rem;
}

.LAME-actualites .list-page {
  float:left;
}

.LAME-actualites .list-page label,
.LAME-actualites .list-page span,
.LAME-actualites .list-page select,
.LAME-actualites ul.pagination li a
{
  font-size:1rem;
  font-weight:300;
}

.LAME-actualites .list-page select{
  color:#dc1d22;
  border:1px solid #dc1d22;
  padding:6px 5px;
  margin: 0 10px;
}

.LAME-actualites .list-page select:focus{
  outline-color: transparent;
}

ul.pagination{
  display:block;
  width:200px;
  margin:0 auto;
}

ul.pagination li a{
  border:0;
  color:#dc1d22;
  background:transparent;
  padding:6px 13px;
  transition:0.3s all ;
  -webkit-transition:0.3s all ;
}
ul.pagination li.pager__item--next{
  vertical-align:middle;
}
ul.pagination li.pager__item--next a{
  background: url(../images/ARROW-lien_rouge.svg) no-repeat top left / 29px;
  vertical-align: middle;
  width: 29px;
  height: 12px;
  display: block;
}

ul.pagination li a.active{
  border:1px solid #dc1d22;
  border-radius: 0;
}

ul.pagination li a:hover{
  background:transparent;
}

ul.pagination li a:hover span .svg{
  left: 5px;
}

ul.pagination li a span{
  position:relative;
}

ul.pagination li a span .svg{
  width:29px;
  position:absolute;
  left: 0;
  transition:0.3s all ;
  -webkit-transition:0.3s all ;
  top: -16px;
}

ul.pagination li:first-child a span .svg{
  transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
}

ul.pagination li:first-child a span .svg{
  right:0;
  left:inherit;
}

ul.pagination li:first-child a:hover span .svg{
  right:5px;
  left:inherit;
}

.pagination>li {
  display: inline-block;
  vertical-align: middle;
}

.LAME-actualites article .img-actu img {
  height:100%;
  width:auto;
}

/****************
  AGENDA
****************/
.standard.agenda .BLOC-chapeau.full .BLOC-image {
  margin-bottom:15px;
}
.standard ul{
  list-style:circle;
  padding-left: 17px;
  margin-bottom: 30px;
  margin-top:20px;
}

.standard ul li{
  font-size:1rem;
}

.standard ul li a{
  color: #1e1719;
  position:relative;
}
.standard ul li a:hover{
  color: #dc1d22;
  position:relative;
}

.standard ul li a:after {
  background:#dc1d22;
}

.standard.agenda article h2{
  border-left: solid 2px #dc1d22;
  padding-left: 7px;
  margin: 0 0 30px;
  text-align: left;
  font-size:1.5rem;
}

.standard.agenda article h3{
  font-size:1.15rem;
  font-weight:600;
}



/****************
  ABONNEMENT
****************/
.LAME-abonnement {
  background:#f0efec;
  padding:50px 0;
  position:relative;
  text-align:center;
}

.LAME-abonnement:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  color: #FFF;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 27px solid;
  top: 0;
  left: 50%;
  margin-left: -25px;
  z-index: 99;
}

.LAME-abonnement .svg {
  width: 32px;
}

.LAME-abonnement h2 {
  text-transform: inherit;
  margin: 20px 0;
  line-height: 1.5rem;
}

/****************
  CONSEIL MUNICIPAL
****************/
.maire h2 {
  text-align:left;
}
.standard.maire > a {
  color:#1e1719;
}
.standard.maire > a {
  color:#1e1719;
}

.adjoint-maire .panel-body .col-lg-2{
  text-align: center;
  display: inline-flex;
  float: none;
  padding: 0 13px;
  margin: 0 0 20px -4px;
}

.adjoint-maire .panel-body .col-lg-2 .content{
  width:100%;
}

.adjoint-maire .panel-body .col-lg-2 .photo img{
  width:100%;
  margin-bottom: 7px;
}

.adjoint-maire .panel-body .col-lg-2 .nom{
  font-size:1em;
  font-weight:700;
}

.adjoint-maire .panel-body .col-lg-2 .fonction{
  font-size:.9em;
}

.adjoint-maire .panel-body .col-lg-2 .delegation{
  font-size:.85em;
  font-weight:300;
}

.adjoint-maire .panel-body {
  padding:10px 0;
}

/*****************
      VIDEO
*****************/
section.video {
  text-align: center;
}
section.video h2{
  text-align: center;
  border: 0;
  text-transform: none;
}
section.video iframe{
  margin-bottom: 30px;
}

section.video .description{
  max-width:600px;
  margin: 0 auto;
}
.player button.shared_module_focusable__e3c144e7:focus {
  border: 2px solid #037FB0 !important;
}


/****************
  FAVORIS
****************/
.supprimer img {
  width: 17px;
  height:24px;
}
.equipement-favoris h2 {
  text-align:left;
  border-bottom:1px solid #1e1719;
  padding-bottom:7px;
  font-size:1.15rem;
  text-transform:inherit;
  margin-bottom:20px;
}
.equipement-favoris .col-lg-6 {
  padding:0;
}
.equipement-favoris .col-lg-6:first-child {
  padding-right:40px;
}
.equipement-favoris .col-lg-6:last-child {
  padding-left:40px;
}
.equipement-favoris ul {
  list-style:circle;
  padding-left:17px;
}
.equipement-favoris ul li{
  margin-bottom:7px;
}
.equipement-favoris ul li a:first-child{
  margin-right: 10px;
}
.equipement-favoris a {
  color:#1e1719;
  font-size:1rem;
  display: inline-block;
  vertical-align: top;
}

.evenement-favoris {
  background:#f0efec;
  padding: 38px 0;
  position: relative;
}
.actu-favorite {
  padding: 38px 0;
  position: relative;
}
.evenement-favoris .row,
.actu-favorite .row {
  margin: 0 -15px;
}
.evenement-favoris h2,
.actu-favorite h2 {
  text-align:left;
  font-size:1.15rem;
  text-transform:inherit;
  margin-bottom:25px;
}
.evenement-favoris article a > span,
.actu-favorite article a > span {
  display: block;
  overflow: hidden;
}

.evenement-favoris img,
.actu-favorite img {
  display: block;
  width: 100%;
}

.evenement-favoris .titre,
.actu-favorite .titre{
  position: relative;
}
.evenement-favoris article,
.actu-favorite article {
  text-align: center;
  position:relative;
}
.evenement-favoris h3,
.actu-favorite h3 {
  margin: 15px auto 0;
  display: inline-block;
}
.evenement-favoris h3 span,
.actu-favorite h3 span{
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1rem;
  padding: 1px 20px;
  z-index:9;
  position:relative;
  display: block;
}
.evenement-favoris h3 span{
  background: #f0efec;
}
.actu-favorite h3 span{
  background: #fff;
}
.evenement-favoris h3:before,
.actu-favorite h3:before{
  content:"";
  width:100%;
  height:1px;
  position:absolute;
  background:#1e1719;
  margin-top:9px;
  left:0;
  z-index:0;
  transition:0.3s all ;
  -webkit-transition:0.3s all;
}
.evenement-favoris .date,
.actu-favorite .date {
  font-weight: 300;
  font-size: .9rem;
}
.evenement-favoris p,
.actu-favorite p {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1rem;
}
.evenement-favoris article a,
.actu-favorite article a {
  color: #1e1719;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}

.evenement-favoris article .supprimer,
.actu-favorite article .supprimer {
  position:absolute;
  width:40px;
  height:40px;
  background: #dc1d22;
  border-radius:50%;
  top: 15px;
  right:25px;
  z-index:99;
  padding: 7px 10px;
}

.evenement-favoris:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  color: #f0efec;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 27px solid;
  bottom: -27px;
  left: 50%;
  margin-left: -25px;
}

.evenement-favoris:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  color: #FFF;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 27px solid;
  top: 0;
  left: 50%;
  margin-left: -25px;
  z-index: 99;
}

.evenement-favoris article a:hover,
.actu-favorite article a:hover
{
  color: #dc1d22;
  text-decoration: none;
}

.evenement-favoris a:hover h3:before,
.actu-favorite a:hover h3:before
{
  background: #dc1d22;
}

/****************
    CULTURE
****************/
.culture .navbar.nav--min .bloc-acces-compte {
  /*background: #638c02;*/
  background: #587E02;
}
.culture > .navbar .liens-head ul li:first-child:after {
  content: "|";
  color: #1e1719;
  margin: 0 5px 0 15px;
}
.culture header {
  background: url(../images/HEADER-bkg_culture.jpg) no-repeat top center;
}
.culture header .head-visu .bloc-logo img{
  width: auto;
  height: auto;
  margin: 0;
}

.culture header .head-visu .bloc-header-liens {
  background: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  padding-bottom: 40px;
}

.culture header .bloc-header-liens > .content {
  width: 100%;
}
.culture  header .rechercher .bouton-rechercher input.picto-loupe-rouge {
  background: url(../images/HEADER-loupe_vert.svg) no-repeat top left;
}
.culture nav.menu [id="navbar"]{
  /*background: #638c02;*/
  background: #587E02;
  position: relative;
  z-index: 2;
}
.culture nav.menu [id="navbar-culture"]{
  background: #364d00;
  position: relative;
  z-index: 1;
}
.culture .navbar-default.menu .navbar-nav>.active:after {
  /*background: #638c02;*/
  background: #587E02;
}
.culture nav.menu{
  height:auto;
}
.culture .navbar-default.menu [id="navbar-culture"] .navbar-nav {
  height:125px;
}

.culture .st-culture{
  fill:#FFF;
  vertical-align: bottom;
}
.culture nav.menu [id="navbar-culture"] .svg {
  width: 46px;
  height: 61px;
  display: block;
  margin: 0 auto;
}
.culture nav.menu [id="navbar-culture"] a span {
  display:block;
  margin: 2px 0 8px;
  line-height: .9rem;
}
.culture .navbar-default.menu [id="navbar-culture"] .navbar-nav>li {
  height: 100%;
  width: 11.11%;
}
.culture .navbar-default.menu [id="navbar-culture"] .navbar-nav>li>a>div {
  width:100%;
}
.culture nav.menu [id="navbar-culture"] a {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  height: 100%;
  font-size:.85rem;
  font-weight:300;
  text-transform:uppercase;
}


.culture nav.menu [id="navbar-culture"] li.home-culture {
  width:12.5%;
}
.culture nav.menu [id="navbar-culture"] li.spectacle {
  width:11%;
}
.culture nav.menu [id="navbar-culture"] li.musique {
  width:10%;
}
.culture nav.menu [id="navbar-culture"] li.danse {
  width:9.5%;
}
.culture nav.menu [id="navbar-culture"] li.festival {
  width:11%;
}
.culture nav.menu [id="navbar-culture"] li.exposition {
  width:11.5%;
}
.culture nav.menu [id="navbar-culture"] li.cinema {
  width:10%;
}
.culture nav.menu [id="navbar-culture"] li.jeune-public {
  width:11.5%;
}
.culture nav.menu [id="navbar-culture"] li.livre {
  width:13%;
}

/*
.culture nav.menu [id="navbar-culture"] li.home-culture .svg {
	width: 34px;
}
.culture nav.menu [id="navbar-culture"] li.spectacle .svg {
	width: 44px;
}
.culture nav.menu [id="navbar-culture"] li.musique .svg {
	width: 44px;
}
.culture nav.menu [id="navbar-culture"] li.danse .svg {
	width: 28px;
}
.culture nav.menu [id="navbar-culture"] li.festival .svg {
	width: 36px;
}
.culture nav.menu [id="navbar-culture"] li.exposition .svg {
	width: 42px;
}
.culture nav.menu [id="navbar-culture"] li.cinema .svg {
	width: 39px;
}
.culture nav.menu [id="navbar-culture"] li.jeune-public .svg {
	width: 42px;
}
.culture nav.menu [id="navbar-culture"] li.livre .svg {
	width: 48px;
}*/

.culture .breadcrumb a {
  /*color: #638c02;*/
  color: #587E02;
}

.culture  .glyphicon-chevron-left:before {
  background: url(../images/ARROW-left_vert.svg) no-repeat top left;
  left: 0;
}
.culture .glyphicon-chevron-right:before {
  background: url(../images/ARROW-right_vert.svg) no-repeat top left;
}
.accueil.culture section h2 {
  border-left: solid 2px #88c100;
  line-height: 1.4rem;
}
.culture .liens a {
  /*color: #638c02;*/
  color: #587E02;
}
.culture .liens a span:after {
  background: url(../images/ARROW-lien_vert.svg) no-repeat center;
}
.culture .carousel-indicators .active {
  /*background-color: #638c02;*/
  background-color: #587E02;
}
.culture .carousel-indicators li {
  /*border: 1px solid #638c02;*/
  border: 1px solid #587E02;
}

.culture .navbar-default.menu .navbar-nav>li>a:hover {
  /*color: #638c02;*/
  color: #587E02;
}

.culture .navbar-default.menu [id="navbar-culture"] .navbar-nav>li>a:hover {
  color: #364d00;
}

.culture .navbar-default.menu [id="navbar-culture"] .navbar-nav>li>a:hover .svg path{
  fill: #364d00;
}

.culture .navbar-default.menu .navbar-nav>li>a:hover span .svg .stculture {
  fill: #638c02;
}

.culture .LAME-ce-moment .col-g {
  padding-top: 0;
}

.culture .LAME-ce-moment .col-d .rechercher.evenement {
  background:#f7f7f5;
  padding: 20px;
}

.culture .LAME-ce-moment .col-d .rechercher.evenement h3 {
  padding: 0;
  color: #1e1719;
  background: none;
  display: block;
  margin: 0 0 25px;
  font-weight: 800;
  font-size: 1.3rem;
}
.culture .LAME-ce-moment .col-d .rechercher.evenement h3:before {
  display:none;
}
.culture .LAME-ce-moment .col-d .row {
  margin: 10px 0;
}

.culture .LAME-ce-moment .col-d .rechercher .choix label {
  color:#1e1719;
  font-size: .875rem;
}
.culture .LAME-ce-moment .col-d .rechercher.evenement .form-inline .BLOC-recherche .form-group {
  margin-bottom:15px;
}
.culture .LAME-ce-moment .col-d .rechercher.evenement .form-inline .BLOC-recherche .form-group:last-child {
  margin-bottom:0;
}
.culture .LAME-ce-moment .col-d .rechercher.evenement .form-inline .BLOC-recherche .form-group select{
  width: 100%;
  font-style: italic;
  font-weight: 300;
  color: #323232;
}
.culture .LAME-ce-moment .rechercher .bouton-rechercher input.btn {
  background: #638c02;
}
.culture .LAME-ce-moment .col-d .rechercher.evenement .bouton-rechercher {
  margin: 20px auto 0;
  display: block;
  width: calc(40% - 3px);
}

.culture .rechercher .choix .date span .glyphicon-th:before {
  background: url(../images/calendar_vert.svg) no-repeat;
}
.accueil.culture section.video h2 {
  border-left: 0;
}
.accueil.culture section.video.gris {
  background:#f0efec;
  padding: 80px 0 40px;
  position: relative;
  margin-bottom: 60px;
}
section.gris:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  color: #FFF;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 27px solid;
  top: 0;
  left: 50%;
  margin-left: -25px;
  z-index: 99;
}

section.gris:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  color: #f7f7f7;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 27px solid;
  bottom: -27px;
  left: 50%;
  margin-left: -25px;
}

.culture .focus .row {
  margin: 0 -15px 40px;
}

.culture .LAME-direct .lyon-direct {
  background: url(../images/bkg-tableau-de-bord_vert.jpg) no-repeat top center / cover;
  width: 100%;
}

.culture .LAME-direct .reseau-s {
  background:#f7f7f7;
  padding:11px 15px;
}
.culture .LAME-direct .reseau-s ul li{
  margin-bottom:25px;
}
.culture .LAME-direct .reseau-s ul li:last-child{
  margin-bottom:0;
}
.culture .LAME-direct .reseau-s a{
  color:#1e1719;
  font-size:1rem;
  transition:0.2s all ;
  -webkit-transition:0.2s all ;
}
.culture .LAME-direct .reseau-s a:hover{
  color:#4e6b09;
}
.culture .LAME-direct .reseau-s a span{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: inline-flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;

  align-items: center;
  border-radius:50%;
  border:1px solid transparent;
  min-width:41px;
  min-height:41px;
  vertical-align: middle;
  margin-right: 10px;

  transition:0.2s all ;
  -webkit-transition:0.2s all ;
  position:relative;
}

.culture .LAME-direct .reseau-s a span:after{
  content:"";
  border-radius:50%;
  border:1px solid #88c100;
  min-width:41px;
  min-height:41px;
  position:absolute;
  top:-1px;
  left:-1px;
  transition:0.1s all ;
  -webkit-transition:0.1s all ;
}
.culture .LAME-direct .reseau-s a:hover span:after{
  border: 1px solid transparent;
  min-width: 25px;
  min-height: 25px;
  top: 6px;
  left: 6px;
}

.culture .LAME-direct .reseau-s a span img{
  max-width:22px;
  max-height:22px;
  height: auto;
  width: auto;
  display: block;
  margin: 0 auto;

  transition:0.2s all ;
  -webkit-transition:0.2s all ;
}

.culture .LAME-direct .reseau-s a:hover span img{
  max-width:30px;
  max-height:30px;
}

.culture .LAME-direct .lyon-direct h3:after {
  background: #4e6b09;
}

.culture .LAME-direct .lyon-direct article a:hover {
  color: #4e6b09;
}

.culture .LAME-ACC-ACTU article a:hover {
  color: #4e6b09;
}

.culture .LAME-ACC-ACTU a:hover h3:before {
  background: #4e6b09;
}

.culture .LAME-ce-moment article a:hover {
  color: #4e6b09;
}
.culture .LAME-ce-moment a:hover h3:before {
  background: #4e6b09;
}

.culture section.LAME-ce-moment .btn-group {
  margin-top:30px;
}
.culture .breadcrumb a:after {
  background: #4e6b09;
}
.culture .liens a:hover {
  color: #fff;
}
.culture .liens a:after {
  height: 100%;
  background: #587E02;
}
.culture footer .lien-contact ul li a:hover {
  color: #638c02;
}
.culture .liens-head ul li a.plan:hover {
  color: #638c02;
}
.culture .liens-head ul li a.plan:after {
  background-color: #638c02;
}
.culture footer .lien-contact .contact a:hover .svg path, .culture  footer .lien-contact .inscription a:hover .svg path {
  fill: #638c02;
}

.culture footer .lien-contact a span.liens:after {
  background: #638c02;
}
.culture .liens-head a:hover .svg path {
  fill: #638c02;
}

.culture .col-d .rechercher.evenement .form-inline .form-group p{
  display:inline-block;
  margin-bottom: 0;
}
.culture .lyon-direct .row {
  display: flex;
}
.culture .lyon-direct article {
  height:100%;
}
.culture .lyon-direct article a {
  height: auto;
}
.culture [id="footer-infos"] .adresse {
  width: 100%;
  margin-top: 5px;
}

.culture .col-g {
  padding-top:0;
}

.BLOC-size {
  margin:15px 0;
}
.BLOC-size ul{
  text-align:right;
}
.BLOC-size ul li{
  display:inline-block;
  position: relative;
}
.BLOC-size ul li .svg{
  min-width: 25px;
  min-height: 22px;
  width: 25px;
  height: 24px;
}
.BLOC-size ul li.favoris {
  margin-left:15px;
}
.BLOC-size ul li.favoris:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  width: 1px;
  background: #000;
  height: 29px;
}
.BLOC-size ul li.favoris a {
  background: url(../images/PICTO-favoris_2-vide.svg) no-repeat top center;
  width: 25px;
  height: 24px;
  display: block;
  transition:0.3s all ;
  -webkit-transition:0.3s all ;
  border: none;
}
.BLOC-size ul li.favoris.actif a {
  background: url(../images/PICTO-favoris_2-plein.svg) no-repeat top center;
}
.BLOC-size ul li.favoris a:hover {
  background: url(../images/PICTO-favoris_2-plein.svg) no-repeat top center;
}
.BLOC-size ul li a .svg path {
  transition:0.3s all ;
  -webkit-transition:0.3s all ;
}
.BLOC-size ul li a:hover .svg path {
  fill: #8C6703; /* #dc1d22; */
}
.culture .BLOC-size ul li a:hover .svg path {
  fill: #638c02;
}
.lastsection:after {
  display:none;
}


/****************
  FORMULAIRE
****************/
.col-g {
  padding-top:70px;
}
.formulaire h2{
  border-top: 1px solid #dc1d22;
  border-bottom: 1px solid #dc1d22;
  border-left:0;
  padding:12px 0 12px 50px;
  text-transform:none;
  font-size:.9rem;
  text-align:left;
}
h2.identite{
  background:url(../images/HEADER-login_noir.svg) left 20px center no-repeat / 20px;
}
h2.contact{
  background:url(../images/PICTO-tel.svg) left 20px center no-repeat / 22px;
}
h2.adresse{
  background:url(../images/PICTO-pin.svg) left 20px center no-repeat / 24px;
}
.formulaire label{
  font-weight:400;
}

.formulaire label{
  text-align: right;
  width: 230px;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  padding-top: 5px;
}

.formulaire .input-group{
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  width: 260px;
}

.formulaire .input-group.date .input-group-addon{
  position:absolute;
  z-index: 999;
  right: 0;
  border: 0;
  padding: 7px 20px;
  background: transparent;
}

.formulaire abbr[title] {
  text-decoration:none;
}

.formulaire .error input{
  border:1px solid #dc1d22;

  float:none;
}

.formulaire .error .msg-error{
  color: #dc1d22;
  font-style:italic;
  line-height:1rem;
  margin-top:4px;
}

.formulaire input,
.formulaire select
{
  background:#f0efeb;
  padding: 5px 10px;
  margin-left:5px;
  border:0;
  height: auto;
}

.formulaire select.form-control{
  width:120px;
}

.BLOC-btn-envoie {
  border-top:1px solid #dc1d22;
  text-align:center;
  padding:30px 0;
}

.BLOC-btn-envoie a {
  background:#dc1d22;
  display:inline-block;
  color:#FFF;
  font-weight:500;
  padding:7px 50px;
  position:relative;
  z-index: 99;
}

.BLOC-btn-envoie a:after {
  height:100%;
}

.glyphicon-arrow-left:before,
.glyphicon-arrow-right:before {
  color: #dc1d22;
}

.datetimepicker {
  border-radius:0;
  box-shadow:none;
  padding: 20px;
}

.formulaire .taille__2 input{
  width:120px;
}

.formulaire legend {
  text-align: right;
  width: 230px;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  font-weight: 400;
  font-size:inherit;
  border:0;
  float:left;
}

.formulaire .input-group.choix {
  width: calc(100% - 230px);
}

.formulaire .input-group label {
  text-align:left;
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: top;
  float:none;
  width: auto;
}

.formulaire .input-group input[type=checkbox], .formulaire input[type=radio] {
  display: inline-block;
  width: 20px;
  margin: 0;
  vertical-align: middle;
  float:none;
}




/****************
  GROS_TITRE
****************/
.GROS_TITRE h1{
  font-weight:700;
  letter-spacing:-.08rem;
  margin:0 0 20px;
}

.GROS_TITRE .BLOC-image{
  height:305px;
  width:100%;
}

.GROS_TITRE.enfance .BLOC-image{
  background-image: url(../images/titre-niv1-enfance.jpg);
  background-repeat: no-repeat!important;
  background-position: top center!important;
  background-size: cover!important;
  background-attachment: fixed!important;
}

.GROS_TITRE.actualites .BLOC-image{
  background-image: url(../images/titre-niv1-actualite.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
}

.GROS_TITRE.agenda .BLOC-image{
  background-image: url(../images/titre-niv1-agenda.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
}

.GROS_TITRE .BLOC-texte{
  background:#f7f7f7;
  padding: 25px 33px;
  max-width:990px;
  width:85%;
  margin:-115px auto 0;
}

.GROS_TITRE .BLOC-texte p{
  font-size:1.05rem;
  font-weight:300;
}



/*****************
LAME DEMANDES COURANTES
******************/
.LAME-demande-courante {
  position:relative;
}
.LAME-demande-courante .row{
  margin:0 -15px;
}
.LAME-demande-courante a > span {
  display: block;
  overflow: hidden;
  width: 100%;
}
.LAME-demande-courante article a > span img {
  display: block;
  width: 100%;
}
.LAME-demande-courante article a h3 {
  color: #444444;
  font-weight: 300;
  font-size: 1rem;
  text-transform: uppercase;
  margin: 10px 0 5px;
}
.LAME-demande-courante article a .sous-titre {
  color: #444444;
  font-weight: 700;
  font-size: 1rem;
  margin: 5px 0;
}
.LAME-demande-courante article a .description {
  color: #444444;
  font-weight: 400;
  font-size: .95rem;
  line-height: 1.1rem;
}

.LAME-demande-courante h2 {
  border-left: solid 2px #dc1d22;
  padding-left: 7px;
  margin: 0 0 30px;
  text-align: left;
}
.LAME-demande-courante article a .description, .LAME-demande-courante article a .sous-titre, .LAME-demande-courante article a:hover h3 {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
.LAME-demande-courante article a:hover .description, .LAME-demande-courante article a:hover .sous-titre, .LAME-demande-courante article a:hover h3 {
  color: #dc1d22;
}

/****************
  BLOC SOUS MENU
****************/
.BLOC_sousmenu {
  padding:10px 0 20px;
}
.BLOC_sousmenu .row{
  margin: 0 -15px;
  text-align: center;
  display:flex;
}
.BLOC_sousmenu .row > article{
  display:flex;
  margin-bottom:30px;
}
.path-demarches .BLOC_sousmenu .row > article div[role="article"]{
  width:100%;
}
.path-demarches .BLOC_sousmenu .content{
  min-height:0;
}

.path-mesdemandes .BLOC_sousmenu .content{
  min-height:0;
}

.path-mesdemandes .export-demandes{
  display:inline-block;
  width:100%;
}

.BLOC_sousmenu .content{
  background:#f7f7f7;
  height:100%;
  min-height:400px;
}
.BLOC_sousmenu .contextual-region{
  width:100%;
}
.BLOC_sousmenu a img{
  width: 100%;
}

.BLOC_sousmenu .description {
  padding: 20px;
}
.BLOC_sousmenu .description p{
  line-height:1.1rem;
}

.BLOC_sousmenu a {
  color:#1e1719;
  display: block;
  height: 100%;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
.BLOC_sousmenu a:hover {
  color:#dc1d22;
}
.BLOC_sousmenu .titre {
  font-size:1em;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:7px;
  display:inline-block;
}

.BLOC_sousmenu a span{
  display: block;
  overflow:hidden;
}


/****************
  demarches
****************/
.LAME-demarches {
  background:#f7f7f7;
  padding:80px 0 40px;
  position: relative;
  margin-bottom: 60px;
}

.LAME-demarches .row {
  margin: 0 -15px;
  display:flex;
}

.LAME-demarches .content {
  max-width:290px;
}

.LAME-demarches .row > article{
  display:flex;
  position:relative;
  padding: 0 25px;
}
.LAME-demarches .row > article:last-child:after{
  display:none;
}

.LAME-demarches .row > article:after{
  content: "";
  background: url(../images/img-ombre-separation.png) no-repeat center center / 100% 100%;
  height: 100%;
  width: 8px;
  position: absolute;
  right: 0;
  top: 0;
}

.LAME-demarches .titre {
  margin: 0 0 25px;
}
.LAME-demarches .titre h2{
  border:0;
  padding:0;
  font-size:1.1rem;
  display:inline-block;
  margin-left:10px;
  margin-bottom:0;
  vertical-align:bottom;
}

.LAME-demarches .titre span{
  vertical-align:bottom;
}

.LAME-demarches .titre .svg{
  height:35px;
  vertical-align:bottom;
}

.LAME-demarches ul{
  padding:0;
  max-width: 290px;
}

.LAME-demarches ul li{
  margin:0 0 14px;
  line-height:1.05rem;
}

.LAME-demarches ul li a{
  color:#1e1719;
  font-size:.95rem;
  font-weight:300;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  position: relative;
  z-index: 99;
}

.LAME-demarches ul li a:after {
  background:#dc1d22;
}

.LAME-demarches ul li a:hover{
  color:#dc1d22;
}

.LAME-demarches ul li a span{
  font-style:italic;
  font-size:.75rem;
}

.LAME-demarches .btn-group{
  margin-top: 20px;
  text-align:left;
}
.LAME-demarches .btn-group .liens{
  margin:0;
}

.LAME-demarches:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  color: #FFF;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 27px solid;
  top: 0;
  left: 50%;
  margin-left: -25px;
  z-index: 99;
}
.LAME-demarches:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  color: #f7f7f7;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 27px solid;
  bottom: -27px;
  left: 50%;
  margin-left: -25px;
}

.col-d .LAME-demarches {
  padding:35px;
  margin-bottom: 30px;
}

.col-d .LAME-demarches .container-fluid {
  padding:0;
}
.col-d .LAME-demarches .row {
  display: block;
  margin:0;
}
.col-d .LAME-demarches .row > article {
  display: block;
  position: relative;
  padding: 0;
  width:100%;
  margin-bottom:25px;
}
.col-d .LAME-demarches .row > article:last-child {
  margin-bottom:0;
}
.col-d .LAME-demarches .row > article:after {
  display:none;
}

.col-d .LAME-demarches .content {
  max-width: 100%;
}

.col-d .LAME-demarches .titre {
  border-bottom: 1px solid #1e1719;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.col-d .LAME-demarches:before,
.col-d .LAME-demarches:after
{
  display:none;
}

/****************
  chiffres clés
****************/
.LAME-chiffres-cles {
  background:#f0efec;
  text-align:center;
  padding:60px 0;
  position: relative;
  margin-bottom:0;
}

.LAME-chiffres-cles .chiffre {
  font-weight:700;
  font-size:2.2rem;
  text-transform:uppercase;
}

.LAME-chiffres-cles p {
  font-weight:300;
  font-size:.95rem;
  line-height:1.1rem;
}

.LAME-chiffres-cles:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  color: #fff;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 27px solid;
  top: 0;
  left: 50%;
  margin-left: -25px;
  z-index: 99;
}


/***************
TABS
****************/
.standard .tab-demandes ul.nav  {
  padding:0;
}

.tab-demandes .nav-tabs {
  border-bottom: 1px solid #dc1d22;
}

.tab-demandes .nav-tabs>li.active>a, .tab-demandes .nav-tabs>li.active>a:focus, .tab-demandes .nav-tabs>li.active>a:hover {
  border: 0;
  background:#DC1D22;
  color:#FFF;
}
.tab-demandes .nav-tabs>li>a {
  border: 0;
  border-radius: 0;
}

.tab-demandes .titre {
  display:inline-block;
  width:70%;
}
.tab-demandes .message  {
  width:21%;
  float:right;
  text-align: right;
  background: #f0efec;
  padding: 5px 10px;
}

.tab-demandes .message .svg {
  width:16px;
  height:16px;
  margin-right:7px;
  vertical-align: middle;
}

.tab-demandes .message a {
  color:#1e1719;
}

.standard .tab-demandes article h2 {
  margin-top: 0;
  margin-right:10px;
  display:inline-block;
}

.standard .tab-demandes article {
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
}

.standard .tab-demandes article:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.tab-demandes .traitement {
  margin-top:20px;
}
.tab-demandes .traitement .svg  {
  width:25px;
  height:25px;
  vertical-align: middle;
  margin-right: 7px;
}

.tab-demandes .traitement .en-cours .svg path {
  fill:#bd9c38;
}
.tab-demandes .traitement span  {
  text-transform:uppercase;
  font-weight:700;
}
.tab-demandes .traitement span.en-cours  {
  color: #bd9c38;
}

.tab-demandes .traitement span.en-attente  {
  color: #bd9c38;
}

.tab-demandes .traitement span.en-attente svg{
  width:20px;
  height:25px;
  vertical-align:middle;
  margin-right:10px;
}
.tab-demandes .traitement .traite .svg path {
  fill:#69a905;
}

.tab-demandes .traitement span.traite  {
  color: #69a905;
}

.documents .container-fluid {
  padding: 0;
}

.documents .picto {
  display: inline-block;
  width:15%;
}

.path-mesdemandes .documents .picto {
  display: inline;
  width:15%;
  margin-right:5px;
}


.documents .picto .svg{
  width:25px;
  height:25px;
}
.documents .bloc {
  display: inline-block;
  width:84%;
}

.documents a {
  color:#1e1719;
}

.documents a h3{
  font-size:1.05rem;
  font-weight: bold;
  margin-top:0;
}

.documents article{
  margin-bottom: 20px;
  border-bottom: 1px solid #1e1719;
  padding-bottom: 20px;
}

.documents article:first-child{
  margin-top:30px;
}
.documents article:last-child{
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.documents article a:hover {
  color: #dc1d22;
}

.documents article a:hover .svg path {
  fill: #dc1d22;
}

.documents article a .svg path {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}

.documents article a:hover {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}

/******************
DETAILS DEMANDES
*******************/
.details-demandes .timeline .line {
  position:relative;
  margin: 45px 0;
  padding-left: 20px;
  background: #f0efec;
  border-radius: 6px;
  padding: 20px;
}

.details-demandes .timeline .line:before {
  content:"";
  position:absolute;
  background: #dc1d22;
  width: 36px;
  height: 36px;
  border-radius:50%;
  left: -57px;
  top: calc(50% - 16px);
}

.details-demandes .timeline .line:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  color: #f0efec;
  border-bottom: 15px solid transparent;
  border-right: 15px solid;
  border-top: 17px solid transparent;
  left: 6px;
  margin-left: -15px;
  top: calc(50% - 16px);
}

.details-demandes .timeline {
  position:relative;
  margin-left: 55px;
}

.details-demandes .timeline:before {
  content:"";
  position:absolute;
  left: -40px;
  top:0;
  width:4px;
  height:100%;
  background:#d4d4d4;
}

.details-demandes .timeline .description{
  font-weight:700;
  line-height: 1.1rem;
}

.details-demandes .objet{
  padding: 15px 20px;
  border: 1px solid #1e1719;
}

.details-demandes span.type{
  display: inline-block;
  font-weight: 700;
  margin: 0 15px;
}

.details-demandes span.reference{
  display: inline-block;
  font-style: italic;
}

.details-demandes .bloc-question {
  text-align: center;
  margin-top: 50px;
  border-top:1px solid #000;
  padding-top:35px;
}

.details-demandes .bloc-question p{
  margin-bottom:25px;
  font-size:1.1rem;
}
section.demande-message {
  background: #f0efec;
  padding: 55px 0 35px;
  position: relative;
  margin-bottom: 0;
}
.demande-message .form-control {
  margin-bottom:20px;
  resize: vertical;
  min-height:100px;
}

.demande-message .form-group .btn-group{
  margin-top:40px;
}
.btn-tertiary {
  color: #1e1719;
  padding: 0;
  line-height: 40px;
  width: 190px;
  margin: auto;
  display: block;
  border:1px solid #1e1719;
  margin-right:10px;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  border:1px solid #dc1d22;
  color:#dc1d22;
}

/* input file style */
.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.input-file + .js-labelFile {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;
  display: inline-block;
  border-radius: 0;
}



/****************
  FOOTER
****************/

[id="footer-infos"] {
  border-top:2px solid #1e1719;
  padding:20px 0;
}
[id="footer-infos"] .row{
  margin: 0 -15px;
  display:flex;
}
[id="footer-infos"] .logo-footer{
  display:inline-block;
  width: 41%;
  vertical-align: top;
  margin-right:18px;
  min-width:131px;
}

[id="footer-infos"] .logo-footer img{
  min-width:131px;
  min-height:43px;
}

[id="footer-infos"] .adresse{
  display:inline-block;
  font-weight:300;
  font-size:.9rem;
  line-height: 1.2rem;
}
footer .lien-contact .svg{
  vertical-align:bottom;
}
[id="block-contactvilledelyon"] .telephone .svg,
footer .telephone .svg{
  width:21px;
  height:22px;
  margin-right: 5px;
}
[id="block-contactvilledelyon"] .contact .svg,
footer .contact .svg{
  width:26px;
  height:22px;
  margin-right: 5px;
}
[id="block-contactvilledelyon"] .inscription .svg,
footer .inscription .svg{
  width:23px;
  height:18px;
  margin-right: 5px;
}
[id="block-contactvilledelyon"].lien-contact ul,
footer .lien-contact ul {
  margin:0 auto;
}
[id="block-contactvilledelyon"].lien-contact ul li,
footer .lien-contact ul li {
  display:block;
  margin:10px 0;
}
[id="block-contactvilledelyon"].lien-contact ul li a,
footer .lien-contact ul li a{
  color:#1e1719;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
[id="block-contactvilledelyon"].lien-contact ul li a:hover,
footer .lien-contact ul li a:hover{
  color:#dc1d22;
}
[id="block-contactvilledelyon"].lien-contact a span.liens:after,
footer .lien-contact a span.liens:after {
  background:#dc1d22;
}
[id="block-contactvilledelyon"].lien-contact ul li.telephone a:hover,
footer .lien-contact ul li.telephone a:hover{
  color:#1e1719;
  cursor: default;
}
[id="block-contactvilledelyon"].lien-contact a .svg path,
footer .lien-contact a .svg path {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
[id="block-contactvilledelyon"].lien-contact .contact a:hover .svg path,
[id="block-contactvilledelyon"].lien-contact .inscription a:hover .svg path,
footer .lien-contact .contact a:hover .svg path,
footer .lien-contact .inscription a:hover .svg path
{
  fill: #dc1d22;
}
[id="block-contactvilledelyon"].lien-contact a span.picto,
footer .lien-contact a span.picto{
  display:inline-block;
  margin-right: 5px;
}
[id="block-contactvilledelyon"].lien-contact a span.liens,
footer .lien-contact a span.liens{
  display:inline-block;
  position:relative;
}
[id="block-contactvilledelyon"].lien-contact .content,
footer .lien-contact .content {
  height: 100%;
}

footer .liens-head {
  max-width:100%;
}

footer .liens-head ul li:nth-child(4):after {
  content: "";
  margin:0;
}

footer .liens-head .r-social .svg {
  height: 24px;
}

footer .liens-head .content > span {
  display:inline-block;
}

footer .liens-head .content > span img{
  width: auto;
  height: 22px;
  margin-top: -7px;
  margin-left: 38px;
}
[id="block-contactvilledelyon"].lien-contact .telephone a:hover span.liens:after,
footer .lien-contact .telephone a:hover span.liens:after{
  transform: scaleX(0);
}

[id="FOOTER-END"] {
  background:#1e1719;
  padding:25px 0;
}
[id="FOOTER-END"] ul {
  text-align:center;
}
[id="FOOTER-END"] ul li {
  display: inline-block;
  margin:0 10px;
  position:relative;
  z-index: 99;
}
[id="FOOTER-END"] ul li a{
  color:#fff;
  font-weight:300;
  font-size:.9rem;
}

[id="FOOTER-END"] ul li a:after{
  background:#fff;
}


@-webkit-keyframes cd-shock {
  0%, 100% {
    -webkit-transform: rotate(0)
  }
  30% {
    -webkit-transform: rotate(10deg)
  }
  60% {
    -webkit-transform: rotate(-10deg)
  }
}
@-moz-keyframes cd-shock {
  0%, 100% {
    -moz-transform: rotate(0)
  }
  30% {
    -moz-transform: rotate(10deg)
  }
  60% {
    -moz-transform: rotate(-10deg)
  }
}
@keyframes cd-shock {
  0%, 100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }
  30% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg)
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
}


/**************************
IE
**************************/
.IE9 .nav--min.navbar .arrondissement .content ul li {
  padding: 15px 0;
}

.IE .liens-head .r-social .svg{
  width:25px;
}

.IE .liens-head {
  max-width:290px;
}

.IE .liens-head ul {
  padding:15px 0;
}

.IE .nav--min.navbar .bloc-acces-compte {
  min-width:250px;
}

.IE9 header .lyon-pratique ul li img {
  width: 37px;
  margin-bottom: 8px;
}

.IE9 .et-aussi .BLOC-image h3,
.IE10 .et-aussi .BLOC-image h3 {
  line-height: 94px;
}

.IE9.accueil .culture-lyon h2,
.IE10.accueil .culture-lyon h2  {
  padding: 60px 0 30px 0;
}

.IE9.accueil .culture-lyon h2 span img,
.IE10.accueil .culture-lyon h2 span img  {
  width:50px;
  height:25px;
}

.IE [id="footer-infos"] .logo-footer img{
  width:131px;
  height:43px;
  margin-bottom:10px;
}

.IE footer .liens-head .content > span {
  display:block;
  text-align:right;
  margin-left:0;
}

.IE .nav--min.navbar .arrondissement .select-arrondissement ul.nav li a {
  padding: 16px 0;
}
.IE .actualites.GROS_TITRE .BLOC-image {
  background: url(../images/titre-niv1-actualite.jpg) no-repeat top center / cover;
  background-attachment:fixed;
}

.IE .agenda.GROS_TITRE .BLOC-image {
  background: url(../images/titre-niv1-agenda.jpg) no-repeat top center / cover;
  background-attachment:fixed;
}

.IE .enfance.GROS_TITRE .BLOC-image {
  background: url(../images/titre-niv1-enfance.jpg) no-repeat top center / cover;
  background-attachment:fixed;
}



.IE9 .LAME-actualites .group-actu article {
  display:inline-block;
  width:calc(50% - 2px);
}

.IE9 .LAME-actualites article .actu-texte {
  width: calc(100% - 180px);
  padding: 20px;
  vertical-align:top;
}

.IE .LAME-actualites .group-actu article .content{
  width:100%;
}

.IE .rechercher .form-group input[type=checkbox], .IE .rechercher .form-group input[type=radio] {
  background:transparent;
}

.IE .LAME-actualites article .actu-texte h2 span {
  background: url(../images/PICTO-attention.svg) no-repeat left 0px center / 40px;
}

.IE .accordion .panel-group .panel .panel-heading a {
  text-transform: none;
}

.IE9 .adjoint-maire .panel-body .col-lg-2 {
  display: inline-block;
  float:left;
}

.IE .BLOC-size ul li .svg {
  width: 25px;
  height: 22px;
}

.IE9 .ESPACE-PERSONNEL article .content {
  display: block;
  padding:0;
}

.IE9 .ESPACE-PERSONNEL .picto {
  float: left;
  vertical-align: top;
}

.IE9 .ESPACE-PERSONNEL .bloc-info {
  width: 100%;
  padding: 30px 0;
}

.IE .ESPACE-PERSONNEL .bloc-info a .svg {
  height: 35px;
}

.IE .formulaire .input-group input[type=checkbox], .formulaire input[type=radio] {
  width: 15px;
  height:15px;
  background: transparent;
  padding:0;
}

.IE .tab-demandes .message {
  width: 22%;
}

.IE.culture nav.menu li .svg {
  height: 60px;
}

.IE.culture .LAME-direct .reseau-s a span img {
  width:30px;
  height:30px;
}
.IE.culture .LAME-direct .reseau-s a span  {
  display:inline-block;
  padding-top:7px;
}


.culture-lyon .carousel-indicators .active {
  background-color: rgb(255, 255, 255);
  width: 10px;
  height: 10px;
  margin: 1px;
  margin-bottom: -3px;
}

.culture-lyon .carousel-indicators li {
  border: 1px solid #ffffff;
  margin-bottom: -3px;
}


.culture-lyon .glyphicon-chevron-right:before {
  background: url(../images/ARROW-right-white.svg) no-repeat top left;
}

.culture-lyon .glyphicon-chevron-left:before {
  background: url(../images/ARROW-left-white.svg) no-repeat top left;
  left:0;
}
.field--item p img.align-left {
  margin: 20px 20px 20px 0;
}
.informations .png {
  margin-right: 10px;
  height: 20px;
  width: auto;
  margin-bottom: 2px;
}

.alert .png {
  margin-right: 10px;
  height: 20px;
  width: auto;
  margin-bottom: 2px;
}

.notabene .png {
  margin-right: 10px;
  height: 20px;
  width: auto;
  margin-bottom: 2px;
}
/**lame en lien bug css**/
.LAME-en-liens article .content {
  background: #f0efec;
  text-align: left;
}
.LAME-en-liens article .content a .titre {
  display:inline-block;
}
.LAME-en-liens article img {
  display: inline-block;
  width: auto;
}
.pratique ul li {
  list-style : disc;
}

.block-flux {
  top: -50%;
}

.block-flux-button {
  float: right;
  transform: translate(0, -50%);
  margin: 25px 0px 0px 0px;
}



/**/
/*Debug IE*/
/**/

.IE section.LAME-flash-info #carouselButtonsFI{
  right:60px;
}

.IE .form-group section.LAME-flash-info .carousel{
  position:inherit;
}

.IE .form-group section.LAME-flash-info{
  margin-bottom:0px;
}


/**/
/*Style générique des select*/
/**/

.form-select {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background-image:url(../images/arrow_select_red.svg) !important;
  background-size:10px 10px !important;
  background-repeat:no-repeat !important;
  background-position:95% center !important;
}

.form-select::-ms-expand {
  display: none;
}

.culture .form-select {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background-image:url(../images/arrow_select_green.svg) !important;
  background-size:10px 10px !important;
  background-repeat:no-repeat !important;
  background-position:95% center !important;
}

.arrondissement .form-select {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background-image:url(../images/arrow_select_yellow.svg) !important;
  background-size:10px 10px !important;
  background-repeat:no-repeat !important;
  background-position:95% center !important;
}
@media only screen and (max-width : 991px) {
  .carousel-indicators,
  #carouselButtons {
    display: contents;
  }
}