/****************
  GENERAL
****************/
header .head-visu .bloc-logo img {
    margin-top: 36px;
}

.container-fluid {
    padding-right: 70px;
    padding-left: 70px;
    max-width: /*1480px*/ 1250px;
    width: 100%;
}

.hide_label{
	display:none;
}

.toolbar .toolbar-bar {
    z-index: 100000;
}
.toolbar-lining h3 {
  color: #757575;
}

.contextual-region.focus {
    padding: 0;
    background-color: inherit;
    margin: 0;
}

.contextual-region.focus:after {
    position: relative;
}

ul.contextual-links li {
    display: block !important;
}

/* Allow to better position the tour of the footer */
.footer-menu-tour {

}
footer .liens-head .content > a span img{
    width: auto;
    height: 22px;
    margin-top: -7px;
    margin-left: 38px;
}

.main-container.container-fluid .accordion .container-fluid {
	padding-left:0!important;
	padding-right:0!important;
}

.autres-actus a {
    color: #dc1d22;
}

.arrondissement .autres-actus a {
    color: #bb9f07!important;
}

.arrondissement .acf-tooltip .map-popup-content-wrapper, .arrondissement .acf-map .map-popup-content-wrapper, .arrondissement .acf-tooltip .map-popup-tip, .arrondissement .acf-map .map-popup-tip {
    color: #f1b306;
}

.arrondissement hr.separateurEquipement {
    border-top: 1px solid #f1b306;
    padding-bottom: 10px;
}

.culture .autres-actus a {
    color: #638c02;
	transition: 0.3s all;
    -webkit-transition: 0.3s all;
    position: relative;
    z-index: 99;
}

.culture .autres-actus a:after {
    background: #638c02;
    bottom: 0;
    right: 0px;
    left: 0px;
    height: 1px;
    z-index: -1;
    background-color: #638c02;
    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: "";
}

.culture .autres-actus 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);
}

.culture .search-block-form .btn-primary{
    color: #638c02;
}

.page-node-type-equipement .autres-actus ul {
    list-style: circle;
    padding-left: 17px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.page-node-type-equipement section.autres-actus ul li {
    margin-bottom: 5px;
}

.col-d .rechercher a {
    color: #fff;
}
[id="block-lyonfr-account-menu"] {
    background: #dc1d22;
    z-index: 1000;
    padding: 0;
    min-width: 245px;
    float: left;
    width: 40%;
}
[id="block-lyonfr-account-menu"]:focus {
  border: 2px solid #000000;
}
[id="block-lyonfr-account-menu"] .navbar-nav,
[id="block-lyonfr-account-menu"] .navbar-nav li>a:focus, [id="block-lyonfr-account-menu"] .navbar-nav li>a:hover{
    background-color: #dc1d22 !important;
    color:#FFFFFF !important;
    outline: 2px solid;
}
[id="block-lyonfr-account-menu"] .navbar-nav>li>a{
    color:#FFFFFF;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
    color:#FFF;
}
[id="block-lyonfr-account-menu"] .navbar-nav .dropdown-toggle:before{
	content:"";
	background:url(../images/HEADER-login.svg) no-repeat;
	position:absolute;
	width: 20px;
	height:24px;
	margin-left: -40px;
}

.culture [id="block-lyonfr-account-menu"] .navbar-nav .dropdown-toggle:before{
	background:url(../images/HEADER-login_vert.svg) no-repeat;
}

[id="block-lyonfr-account-menu"] .navbar-nav li {
    min-width: 260px;
    padding-left: 40px;
}
.acces-liens .dropdown-menu>.active>a, .acces-liens .dropdown-menu>.active>a:focus, .acces-liens .dropdown-menu>.active>a:hover {
    background: transparent;
}
.acces-liens .dropdown-menu>li>a{
    color: #FFFFFF;
}

.navbar-default .navbar-nav>li>a{
    color: #FFFFFF;
}

[id="block-lyonfr-account-menu"] .navbar-nav .dropdown-menu{
    background:#dc1d22;
    position: absolute;
}
[id="block-lyonfr-account-menu"] .navbar-nav li> a, [id="block-lyonfr-account-menu"] .navbar-nav .dropdown-menu >li {
    color:#FFFFFF;
}
[id="block-lyonfr-account-menu"] .navbar-nav .dropdown-menu >li >a:hover {
    background: #000000 !important;
}

.accordion:last-child .panel-default>.panel-heading {
	border-bottom:0;
	margin-bottom:0;
}

.accordion .panel-default:last-child>.panel-heading {
	border-bottom: 1px solid #dc1d22;
	margin-bottom:10px;
}

.accordion .panel-group .panel {
	margin-top:0;
}






[id="block-lyonfr-main-menu"] .caret {
    border:0;
}
.block-lyonfr-main-menu-menu {
    z-index: 0;
}
/****************
  HEADER
****************/

header .lyon-pratique ul li.piscines svg{
    width:37px;
    margin-bottom: 8px;
    color: #FFF;
}
header .lyon-pratique ul li.patinoires svg{
    width:32px;
    margin-bottom: 8px;
    color: #FFF;
}
header .lyon-pratique ul li.pharmacies svg{
    width:28px;
    margin-bottom: 8px;
    color: #FFF;
}
header .lyon-pratique ul li.medicales svg{
    width:27px;
    margin-bottom: 4px;
    color: #FFF;
}
header .lyon-pratique ul li.newsletter svg{
    width:34px;
    margin-bottom: 11px;
    color: #FFF;
}
.liens-head a.color-blue:hover .svg path{
    fill: #3b5a9a;
}
.liens-head a.color-light-blue:hover .svg path{
    fill: #00acee;
}
.liens-head a.color-red:hover .svg path{
    fill: #fb0011;
}
.liens-head a.color-purple:hover .svg path{
    fill: #991f9e;
}

/***************
 ACCUEIL
***************/

.accueil section h2:before{
	content:"" !important;
	margin-right:0px;
}

.accueil .LAME-ce-moment a:hover .picture{
	-webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.accueil .main-container{
	text-align:center;
}

.accueil .region-content{
	max-width: /*1480px*/ 1250px;
    width: 100%;
	display:inline-block;
	margin:auto;
	padding:auto;
}

section.LAME-flash-info .view-flash-info .view-content .main-container{
	text-align:center;

}

section.LAME-flash-info .view-flash-info .view-content .main-container .region-content{
	max-width: /*1480px*/ 1250px;
    width: 100%;
    display: inline-block;
    margin: auto;
}

section.LAME-flash-info .view-flash-info .view-content .main-container .region-content .carousel-inner{
	text-align:left;
}
/*
.accueil .container-fluid{
	padding-left:0px !important;
	padding-right:0px !important;
}

.accueil .LAME-flash-info .carousel-inner{
	padding-left:40px !important;
	padding-right:40px !important;
}*/

.accueil .lyon-direct{
	/*margin-left:40px;*/
	/*width:auto;*/
}

.accueil .profils{
	/*margin-right:40px;
	width:calc(33.33333333% - 40px);*/
}

.et-aussi .BLOC-lyon-durable .description, .et-aussi .BLOC-cote-quartier .description{
	text-align:left;
}

.et-aussi .BLOC-image a > span:after{
	left:0;
}

section.focus{
	background-color:transparent !important;
	padding:0px 0 40px !important;
	position:relative;
	display:inline-block;
	width:100%;
	/*margin-bottom:60px;*/
}



section.focus.gris{
	background-color:#f7f7f7 !important;
	padding:60px 0 40px !important;
	position:relative;
	display:inline-block;
	width:100%;
	/*margin-bottom:60px;*/
}

section.focus.gris:before{
	content:"";
	position:absolute;
	width:0;
	height:0;
	color:#FFFFFF;
	border-left:25px solid transparent;
	border-right:25px solid transparent;
	border-top:27px solid;
	top:0;
	left:50%;
	margin-left:-25px;
	z-index:99;

}

/***************
 STANDARD
***************/
.standard ul > li > ul{
    margin-bottom: 5px;
    margin-top: 5px;
    list-style: disc;
}
.standard .field--type-text-long h2{
	font-weight:700;
	font-size:1.1rem;
	text-transform:none;
	border:0;
	padding-left:0;
	margin:30px 0 5px;
	text-align:left;
}
.standard .field--type-text-long h3{
	font-weight:600;
	font-size:1rem;
	text-transform:none;
	border:0;
	padding-left:0;
	margin:10px 0 10px 0;
	text-align:left;
}

.standard .rubrique span.theme, .standard .rubrique span.date{
	display:inline-block;
}

.standard ol {
	padding-left:14px;
}

.accueil .BLOC-size {
    margin: 5x 0;
	display:inline-block;
	width:100%;
}

.accueil .typo_sizer ul{
	margin-top:15px;
	position:relative;
	right:0;
}

.accueil .form-group section.LAME-flash-info{
	margin-bottom:-30px;
}

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

.accueil .form-group section.LAME-flash-info .carousel-inner{
	text-align:left;
}

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


.BLOC-size {
    margin-top:0px;

}

.accueil .form-group section.LAME-flash-info .carousel-control.left, .accueil .form-group section.LAME-flash-info .carousel-control.right{
	top:60%;
}

 .form-group section.LAME-flash-info .carousel-control.left, .form-group section.LAME-flash-info .carousel-control.right{
	top:60%;
}
/*{
	position:absolute;
	margin-top:5px;
	right:26%;

}*/

.fav_print ul{
	position:absolute;
	right:0;
	top:-30px;
  display: flex;
  align-content: center;
}

.paragraph {
	/*padding-bottom:20px;*/
}

/****************
  ACTUALITE
****************/
.actualite .field--name-field-main-category {
    display: inline;
}
.actualite .BLOC-chapeau .description p{
    font-weight: 700;
}
/* Surcharge de la classe pour l'affichage de l'image du header des actualités */
.standard .BLOC-chapeau .BLOC-image img {
    max-width: 100%;
}

.form-comment input,.form-comment input:focus{
	border:1px solid gray;
        width: 30%;
}

.form-comment textarea,.form-comment textarea:focus{
	border:1px solid gray;
        width: 50%;
}

.carousel-inner{
	overflow:visible;
}

.carousel, .carousel .container-fluid{
	overflow:hidden;
}
.LAME-lire-aussi .carousel.slide {
  min-height: 250px;
}


.col-d .rechercher .bouton-rechercher{
	display:inline;
	vertical-align:top;
}

.LAME-actualites .group-actu article{
	width:50%;
}


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

.LAME-actualites .group-actu article div[role="article"]{
	width:100%;
}

.LAME-actualites .group-actu article .bloc{
	min-height:174px;
	max-height:inherit;
}

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

/*************************
  BILAN CHIFFRE
*************************/
.bilanCh-surtitre {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1e1719;
  display: block;
}

.bilanCh-description {
  margin-bottom: 30px;
}

.bilanCH-section {
  padding: 0;
}

.bilanCh-menu {
  margin-top: 0px!important;
}

.bilanCh-menu,
.bilanCh-menu ul {
  padding: 0;
}

.bilanCh-menu li::marker {
  font-size: 0;
}

.bilanCh-menu button,
.bilanCh-menu button:hover {
  padding: 10px;
  border: 1px solid #dc1d22;
  border-radius: 0;
  background: white;
  font-style: italic;
  color: #dc1d22!important;
  min-width: 250px;
  text-align: left;
}

.bilanCh-menu svg {
  width: 20px;
  position: absolute;
  right: 10px;
}

.bilanCh-menu svg .st0 {
  fill:#DC1D22!important;
}

.bilanCh-menu .menu.dropdown-menu {
  width: 100%;
  top: 35px;
  border-radius: 0;
  border-color: #dc1d22;
}

.bilanCh-menu ul .dropdown-item {
  font-size: 14px;
  padding: 10px;
}

.bilanCh-menu ul .dropdown-item::after {
  display: none;
}

.bilanCH-cptNumberContent {
  display: flex;
  column-gap: 20px;
}

@media only screen and (max-width: 650px) {
  .bilanCH-cptNumberContent {
    display: grid;
    row-gap: 20px;
  }
}

.bilanCH-cptNumberTitle {
  font-size: 33.6px;
  text-align: center;
  margin-bottom: 20px;
  display: block;
}

.bilanCH-cptNumberBloc {
  width: 25%;
  background: #f0efec;
  padding: 10px;
  column-gap: 20px;
}

@media only screen and (max-width: 650px) {
  .bilanCH-cptNumberBloc {
    width: 100%;
  }
}

.bilanCH-cptNumberProgress .progress-bar {
  box-shadow: none;
}

.bilanCH-cptNumberCount {
  width: 100%;
  display: block;
  font-weight: 700;
  font-size: 33.6px;
}

.bilanCH-cptNumberProgress {
  margin-top: 20px;
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 3px;
}

  /*************************
    CSS SEARCH RESULT CDMF
  *************************/

.LAME-actualites .group-actu article.page-hub-cdmf {
    background-color: #F0EFEC !important;
    display: block !important;
    min-height: 175px !important;
    padding-top: 18px !important;
    padding-left: 195px !important;
    width: 100% !important;
}

.cdmf-pic {
    height:150px !important;
    margin-top: 10px !important;
}

/*.LAME-actualites .group-actu article.page-hub-cdmf .bloc {
    min-height: 175px !important;
}*/

/****************
  USER LOGIN
****************/

.user-login-form .form-item {
    max-width: 300px;
}
article h4.label {
  color: #1e1719;
}
/****************
  CONSEIL MUN.
****************/
.panel-title a i.more-less: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;
}

a.collapsed i.more-less: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;
}

.elu a {
    color: black;
}

.elu.cm .photo{
	position:relative;
}

.elu.cm, .elu, .adjoint-maire .panel-body .col-lg-2 {
	vertical-align:top;
}

.maire .description {
    float: left;
}

.elu .photo .tag_cm,
.elu.cm .photo .tag_cm{
    position: absolute;
    right: 17px;
    top: 0;
    width: 45px;
    height: 45px;
}
.elu .photo .tag_cm {
  right: 30px;
}

.elu .photo .tag_cm:before,
.elu.cm .photo .tag_cm:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 40px solid #dc1d22;
    border-left: 40px solid transparent;
}

.elu .photo .tag_cm:after,
.elu.cm .photo .tag_cm:after{
	position:absolute;
	content:"CM";
	width:20px;
	height:20px;
	color:#FFFFFF;
	font-size:11px;
	right: -14px;
    top: 4px;

}

.maire .BLOC-chapeau {
    margin-bottom: 0;
}

.maire .BLOC-chapeau .description{
    font-size: 1.07em;
}

section.maire {
    margin-bottom: 0;
}
section.maire .lien_arrondissement a{
    color: #1e1719;
}
section.maire .lien_arrondissement a:hover{
    color: #dc1d22;
}
section.maire .lien_arrondissement a {
    background: #f0efec;
    padding: 10px 10px;
}
.maire .form-group {
    margin-bottom: 0;
}
.elu-ca{
    height: 120px;
}

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

.maire .BLOC-image {
    margin-bottom: 10px;
}

.adjoint-maire .panel-body .col-lg-2 .delegation {
    height: 10ex;
    overflow: hidden;
    line-height: 2.5ex;
}
.adjoint-maire .panel-body .col-lg-2 .nom {
    height: 44px;
	display:inline-block;
	width:100%;
	word-wrap:break-word;
}

.adjoint-maire .panel-body .col-lg-2 .description {
	display:inline-block;
	width:100%;
	max-width:159px;
}

.adjoint-maire .panel-body .col-lg-2 .fonction{
	display:inline-block;
	width:100%;
}
.adjoint-maire .panel-body .col-lg-2 .fonction .field--name-field-type-de-mandat-cm{
    display:inline-block;
}
.description .field--name-field-type-de-mandat-cm{
    display:inline-block;
}
.adjoint-maire .panel-body .col-lg-2 .delegation{
	display:inline-block;
	width:100%;
}

.zoomactif .adjoint-maire .panel-body .col-lg-2 .nom{
	height:auto;
}

/****************
  RECHERCHE ACTU
****************/
.rechercher-bloc .form-submit,
.views-exposed-form .form-submit {
    border:0;
    border-radius:0;
    background:#dc1d22;
    color:#FFF;
    font-size:1rem;
    font-weight:300;
    padding: 9px 22px;
}
.views-exposed-form .form-group {
  margin-bottom: 15px !important;
}
.form-item-items-per-page .select-wrapper {
  width: unset !important;
}

.rechercher-bloc .visible-lg .form-type-textfield {
    width: 75%;
}

.path-actualites .rechercher-bloc .form-type-textfield {
    width: calc(49% - 5px);
	margin-right:5px;
	display: inline-block;
}

.path-actualites .rechercher-bloc .form-type-textfield  input[type='text']{
	min-height:41px;
}

.path-actualites .rechercher-bloc .form-type-select{
	 width: calc(49% - 5px);
	margin-left:5px;
	display: inline-block;

}

.path-actualites .rechercher-bloc .form-type-select .form-select{
	width:100%;
}

.path-demarches .rechercher-bloc .form-type-textfield {
    width: 98%;
}

.path-demarches .rechercher-bloc .form-type-textfield input[type="text"]{
	height:42px;
}


.path-demarches .le_padding_top_form{
	padding-top:23px;
}

.path-demarches .LAME-lire-aussi {
    margin:0 0px 30px !important;
}

/*.rechercher-bloc .visible-md .form-type-textfield {
    width: 70%;
}

.rechercher-bloc .visible-sm .form-type-textfield {
    width: 55%;
}

.rechercher-bloc .visible-xs .form-type-textfield {
    width: 100%;
}*/

.rechercher-bloc input[type='text'] {
    padding: 10px 12px;
    font-size: 1rem;
    width: 100%;
}
.rechercher-bloc label[for='edit-field-main-category-target-id'],
.rechercher-bloc label[for='edit-fiel-thematique-demarche-target-id-1'] {
    position: relative;
    left: inherit;
    font-size: 1rem;
    font-weight: 300;
    margin-right: 10px;
    display: inline-block;
}

.rechercher-bloc .form-select {
    width:77%;
    border:1px solid #dc1d22;
    background:transparent;
    color:#dc1d22;
    font-style:italic;
    height: 40px;
    font-size:0.95em;
}

.path-demarches .rechercher-bloc .form-select {
    width:98%;
}

.zoomactif .rechercher-bloc .form-select {
	height:auto;
	min-height: 40px;
}

.form-item-field-profil-target-id {
    width:100%;
}

.rechercher-bloc .form-item-field-main-category-target-id,
.form-item-field-thematique-demarche-target-id-1 {
    width: 100%;
    display: block;
}

.rechercher-bloc .select-wrapper {
    display: inline;
}
.select-wrapper:after {
  display: none !important;
}

#edit-search-api-fulltext:focus, #edit-field-main-category:focus, #edit-field-lieu:focus,
#edit-field-secteur-geographique:focus, #edit-field-sous-types-tmp:focus,
#edit-field-sous-types-tmp-bis:focus, #edit-field-sous-types:focus {
  background-color: white;
}

/****************
  LISTE ACTUS
****************/

.LAME-actualites .contextual-region {
    width: 100%;
}

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.active a {
    border:1px solid #dc1d22;
    border-radius: 0;
    background-color: transparent;
    color: #dc1d22;
}

ul.pagination li a:hover,
ul.pagination li.active a:hover {
    color:#dc1d22;
    background:transparent;
}

ul.pagination li a:hover {
    border: 0;
}

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

.list-page {
    float: left;
}

.list-page .form-actions.form-group{
	display:inline;
	margin-left: 15px;
}
.list-page .form-actions.form-group button{
    padding: 6px 22px;
}

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

.zoomactif .list-page select{
	height:auto;
}

.list-page .form-type-select label{
	padding-top:5px;
}



.list-page .form-type-select,
.list-page .select-wrapper {
    display: inline-block;
	vertical-align:top;
}

ul.pagination {
    width: 260px;
}

ul.pagination li.pager__item--next a:hover {
    background: url(../images/ARROW-lien_rouge.svg) no-repeat top left / 29px;
    vertical-align: middle;
    width: 29px;
    height: 12px;
    display: block;
}
ul.pagination li.pager__item--previous a,
ul.pagination li.pager__item--previous a:hover {
    background: url(../images/ARROW-lien_rouge.svg) no-repeat top left / 29px;
    vertical-align: middle;
    width: 29px;
    height: 12px;
    display: block;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-ms-transform:rotate(180deg);
}

/** DOCUMENTS **/
.file-link {
    padding: 0 10px 5px 25px;
    background: url(../images/picto_files_lyon.svg);
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size: 13px 17px;
    width:16px;
    height:20px;
    text-decoration: none;
}

.file-link-xls {
    padding: 0 10px 5px 25px;
    background: url(../images/picto_files_lyon_xls.svg);
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size: 13px 17px;
    width:16px;
    height:20px;
    text-decoration: none;
}

.file-link-word {
    padding: 0 10px 5px 25px;
    background: url(../images/picto_files_lyon_word.svg);
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size: 13px 17px;
    width:16px;
    height:20px;
    text-decoration: none;
}

.file-link-pdf {
    padding: 0 10px 5px 25px;
    background: url(../images/picto-PDF.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:16px;
    height:20px;
    text-decoration: none;
}

.culture .file-link {
    padding: 0 10px 5px 25px;
    background: url(../images/picto_files_culture.svg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size: 13px 17px;
	width:16px;
	height:20px;
    text-decoration: none;
}

.culture .file-link-xls {
    padding: 0 10px 5px 25px;
    background: url(../images/picto_files_culture_xls.svg);
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size: 13px 17px;
    width:16px;
    height:20px;
    text-decoration: none;
}

.culture .file-link-word {
    padding: 0 10px 5px 25px;
    background: url(../images/picto_files_culture_word.svg);
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size: 13px 17px;
    width:16px;
    height:20px;
    text-decoration: none;
}

.culture .file-link-pdf {
    padding: 0 10px 5px 25px;
    background: url(../images/picto-PDF.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:16px;
    height:20px;
    text-decoration: none;
}

.culture-lyon .container-fluid{
	position:relative;
}

.region-footer-evenement-culture {
    position: relative;
}

#block-culture {
    position: relative;
}

#block-culture::after {
    content: "";
    display: block;
    position: absolute;
    left: 17px;
    top: 0;
    background: #59800099;
    width: 100%;
    height: 100%;
    z-index: 9;
    transform: rotate(0deg)!important;
}

.region-footer-evenement-culture .culture-lyon .container-fluid {
    z-index: 10;
}

.arrondissement .file-link {
    padding: 0 10px 5px 25px;
   background: url(../images/picto_files_arrond.svg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size: 13px 17px;
	width:16px;
	height:20px;
    text-decoration: none;
}

/*.culture .file-link {
	text-decoration: none;
}*/

.file-link a{
    color: black;
}

.view-bulletin-municipal-officiel .file-link {
    width: inherit;
    height: inherit;
    min-height: 20px;
}

/****************
  PAGE HUB
****************/
.BLOC_sousmenu .titre {
    min-height: 45px;
}

.BLOC_sousmenu .desc {
    min-height: 60px;
}

.BLOC_sousmenu article {
    min-height: 400px;
	display:inline-flex;
	margin-bottom:20px;
}

.IE .BLOC_sousmenu article{
	display:inline-block;
	margin-bottom:20px;
}

/*.BLOC_sousmenu article*/



.BLOC_sousmenu .liste-menu-hub{
    width: 100%;
}
.pratique {
    display:flex;
    position:relative;
    padding: 0 25px;
}
.pratique:last-child:after{
    display:none;
}

.pratique: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;
}

section.focus article span{
	display:block;
	overflow:hidden;
	width:100%;
}
section.focus article span img{
	display:block;
	width: 100%;
  height: auto;
}
section.focus article h3, section.focus h3{
	color:#444444;
	font-weight:300;
	font-size:1rem;
	text-transform:uppercase;
	margin: 10px 0 5px;
}
section.focus article .sous-titre, section.focus .sous-titre{
	color:#444444;
	font-weight:700;
	font-size:1rem;
	margin:5px 0;
}

section.focus article .description, section.focus .description{
	color:#444444;
	font-weight:400;
	font-size:.95rem;
	line-height:1.1rem;
	padding-bottom:20px;
}


section.focus .col-sm-8:hover,
section.focus .col-xs-12:hover,
section.focus .col-md-8:hover,
section.focus.col-lg-8:hover,
section.focus article:hover h3,
section.focus article:hover .sous-titre,
section.focus article:hover p,
section.focus article a:hover
{
    cursor: pointer;
    color:#dc1d22;

}



section.focus article a, section.focus a {
    color:#444444;
}
section.focus h2,
section.LAME-ce-moment h2{
    text-align: left;
}
section.focus h2:before,
section.LAME-ce-moment h2:before{
   content:"|";
   color: #dc1d22;
    margin-right: 5px;
}
/*.LAME-ce-moment article{*/
/*  min-height: 255px;*/
/*  max-height: 300px;*/
/*}*/
.LAME-ce-moment .field--item:nth-child(4), .LAME-ce-moment .field--item:nth-child(7),
.LAME-ce-moment .views-row:nth-child(4), .LAME-ce-moment .views-row:nth-child(7){
    clear: both;
}
.LAME-chiffres-cles {
	background:none;
}
.paragraph--type--accordion-text-block .field--name-field-title {
    background-color: transparent;
    border-top: 1px solid #dc1d22;
    border-radius: 0;
    border-bottom: 1px solid #dc1d22;
    text-align: left;
    text-transform: initial;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 10px 0;
}

.paragraph--type--accordion-text-block .more-less::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;
}


.paragraph--type--accordion-text-block .more-less {
    position: relative;
    top: -1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: bottom;
    margin-right: 10px;
    -webkit-font-smoothing: antialiased;
    width: 22px;
    height: 22px;
    border: 2px solid #1e1719;
    border-radius: 50%;
}

.paragraph--type--accordion-text-block .active .more-less::before {
    background: url(../images/arrow-top.svg) top left no-repeat;
}

.block {
    display: block;
}

.block .quickedit-field {
    display: inline-block;
	/*width:100%;*/
}
#block-inscriptionnewsletter .quickedit-field {
    width:100%;
}

.maire .description {
    margin-bottom: 10px;
}

.underlined {
    border-bottom: 1px solid #1e1719;
}

.external-form {
    margin-bottom: 10px;
    text-align: right;
}

.standard.actualite .external-form a {
    background: #dc1d22;
    display: inline-block;
    color: #FFF;
    font-weight: 500;
    padding: 7px 50px;
    position: relative;
    cursor: pointer;
}
.standard.actualite .external-form a:hover {
    color: #FFF;
}
.arrondissement .standard.actualite .external-form a {
    background: #f1b306;
    display: inline-block;
    color: #FFF !important;
    font-weight: 500;
    padding: 7px 50px;
    position: relative;
    cursor: pointer;
}
.adjoint-maire .views-row {
    display: inline;
}

.LAME-lire-aussi article {
    text-align: center;
}

.LAME-lire-aussi span {
    display: block;
    overflow: hidden;
}

.demarches article {
    min-height: 0;
}

.faq ul {
    list-style: circle;
    padding-left: 17px;
    margin-bottom: 30px;
    margin-top: 20px;
}

.faq .BLOC-texte {
    min-height: 130px;
}

.adjoint-maire .panel-body .col-lg-2 .photo img {
    width: auto;
}

.actualite .embedded-entity .img-responsive {
    margin-right: 15px;
}

.col-droite .container-fluid,
.documents .container-fluid{
    padding: 0 !important;
}
/****************
  EQUIPEMENT
****************/

hr.separateurEquipement {
    border-top: 1px solid #dc1d22;
	padding-bottom:10px;
}

.culture hr.separateurEquipement {
    border-top: 1px solid #638c02;
	padding-bottom:10px;
}


.page-node-type-association .inlineEquipement:before{
	position: absolute;
    left: 0;
    top: 7px;
	content:"";
	width:6px;
	height:6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #1e1719;
	background-color:transparent;
}

.page-node-type-association .inlineEquipement{
	display:inline-block;
	width:auto;
	font-weight:bold;
	position:relative;
	padding-left:10px;
}

.page-node-type-association .inlineEquipement02{
	display:inline;
	width:auto;
	font-weight:bold;
	position:relative;
}

.page-node-type-association .inlineEquipement02 .field--name-field-site-internet, .page-node-type-association .inlineEquipement02 .field--item{
	display:inline;
}

.page-node-type-association section.autres-actus .inlineEquipement{
	display:inline-block;
	font-weight:inherit;
	padding-left:0px;
}

.page-node-type-association section.autres-actus .inlineEquipement:before{
	content:none;
}

.bloc_list_activites .field__items .field--item{
	position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 10px;
}

.bloc_list_activites .field__items .field--item:before{
	position: absolute;
    left: 0;
    top: 10px;
	content:"";
	width:6px;
	height:1px;
	border:0px;
	background-color:#1e1719;
}


.col-equipement .inlineEquipement {
    display: inline-block;
}
.col-equipement .field--name-field-complement-adresse{
	margin-bottom : 5px;
}
.activite .field--item {
	padding-left: 15px;
	background: url(../images/tiret.jpg) no-repeat left top 10px;
	background-size: 5px auto;
}

.equipement h2 {
    text-align: left;
}

.equipement hr {
    margin-bottom: 5px;
}

.comments h2 {
    border-top: 1px solid #dc1d22;
    border-bottom: 1px solid #dc1d22;
    border-left: 0;
    padding: 12px 0 12px 10px;
    text-align: left;
    font-size: 1rem;
}

.comments button {
    border: 0;
    border-radius: 0;
    background: #dc1d22;
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;
}

.comments button:hover {
    background: #dc1d22;
}

.comments input,
.comments textarea,
.comments input:focus,
.comments textarea:focus {
    border: 1px solid #ccc;
}

.commentaire {
    border-bottom: solid 1px lightgrey;
}

.commentaire:last-child {
    border-bottom: none;
}

.adresse .field--name-fields-ville,
.adresse .field--name-field-code-postal {
    display: inline-block;
}

elu-row{
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.view-equipements .LAME-actualites article .actu-texte h2{
    margin: 5px 0 5px;
}

/****************
  ASSOCIATION
****************/

hr.separateurParagraphLieux {
    border-top: 1px solid #d8d8d8;
}

/* SLIDER */
.slideshow {
        height: 200px;
    overflow: hidden;
}

.LAME-en-image .slideshow {
  max-height: 100px;
}

.slideshow ul {
    width: 100%;
    height: 104px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}


.slideshow li {
    float: left;
    display: inline-block;
    width: 142px !important;
    vertical-align: top !important;
    margin: 0 1px 50px !important;
}

#newsTeaserCategoryDate{
    display: inline-flex;
}

.col-lg-8.col-c{
    padding-right: 20px !important;
}

section.LAME-flash-info {
	position:relative;
	z-index:0;
    margin-bottom: 0;
	padding-bottom:0px;
	padding-top:10px;
}

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

.LAME-flash-info .carousel {
    margin-left: auto;
    margin-right: auto;
    max-width: /*1480px*/ 1250px;
	position:initial;
}

.LAME-flash-info a {
    font-weight: bold;
    color: #1e1719;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.LAME-flash-info a:hover {
    color: #dc1d22;
    text-decoration: none;
}

section.LAME-flash-info .carousel-inner .item {
    min-height: 0;
}

.lyon-direct .liens.blanc a:hover {
    color: #dc1d22 !important;
}
.arrondissement .lyon-direct .liens.blanc a:hover {
    color: #000000 !important;
}
div.lyon-direct,
div.profils {
    margin-bottom: 40px;
}

section.et-aussi {
    clear: both;
}

section.et-aussi .field--name-field-image {
    display: inline-block;
    vertical-align: top;
}

.block-associations-recherche-block .form-item-search-api-fulltext {
    width: 73%;
    display: inline-block;
}

.block-associations-recherche-block .form-actions {
    display: inline-block;
}

.block-associations-recherche-block .form-submit {
    border: 0;
    border-radius: 0;
    background: #dc1d22;
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;
}
@media only screen and (max-width : 990px) {
  header .navbar-toggle {
    top: -15.5rem;
  }
  .culture header .navbar-toggle {
    position: unset;
  }
}
@media only screen and (max-width : 912px) {
  header .navbar-toggle {
    top: -15.5rem;
    left: 52px;
  }
}
@media only screen and (max-width : 820px) {
  header .navbar-toggle {
    top: -17.5rem;
    left: 52px;
  }
}
@media only screen and (max-width : 767px) {
    header {
	background:#dc1d22;
    }

    footer .liens-head .content > a {
        display:none;
    }
    [id="footer-infos"] [id="block-adressevilledelyon"] .field {
        display: inline-block;
    }
    [id="footer-infos"] .adresse{
        width: 100%;
    }
    [id="footer-infos"] .col-xs-12{
        width:100%;
    }

    .lyon-direct .row > div:first-child article {
       /* margin-bottom: 30px;*/
    }

}
@media only screen and (max-width : 590px) {
    [id="footer-infos"] .col-xs-12{
        width:100%;
    }
}
@media only screen and (max-width : 540px) {
  header .navbar-toggle {
    top: -20.5rem;
    left: 52px;
  }
}
@media only screen and (max-width : 414px) {
  header .navbar-toggle {
    top: -21.5rem;
    left: 30px;
  }
}
@media only screen and (max-width : 280px) {
  header .navbar-toggle {
    top: -27.5rem;
    left: 30px;
  }
}
/****************
  COOKIE
****************/
.cc_banner .cc_more_info{
    color:#dc1d22;
}
.cc_banner .cc_more_info:hover{
    text-decoration: underline;
    color:#dc1d22;
}
.cc_container .cc_message{
    color:#000000;
}
.cc_container .cc_btn{
    background: #dc1d22;
    color:#FFFFFF;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active{
    background: #000000;
    color:#FFFFFF;
}
/****************
    CONSEIL ARRONDISSEMENT
 ****************/
.view-les-conseils-d-arrondissement .content {
    margin-bottom: 20px;
}

/****************
    404
****************/
.erreur-404 .field--name-body,
.erreur-404 .field--name-field-decoration-image{
    width: 100%;
    display: inline-block;
    vertical-align: middle;
	text-align:center;
}
.erreur-404 a{
    color:#1e1719;
}
.erreur-404 a:hover,
.standard.actualite a:hover{
    color:#dc1d22;
}


.standard.actualite a,
.standard.actualite .demande-item {
    color:#dc1d22;
}
.black-link, .black-link:hover {
    color: black !important;
}

.erreur-404 .field--name-field-decoration-image img{
	display:inline-block;
}
/****************
    Si Usager
****************/
@media only screen and (max-width : 470px) {
    .ESPACE-PERSONNEL .picto{
        margin-left: 10px;
		width: 100px;
    }
    .ESPACE-PERSONNEL .bloc-info{
        width: 100%;
        margin:0 20px;
    }
}
.actu-favorite h2{
        border-bottom: 1px solid #1e1719;
        padding-bottom: 7px;
    }
@media only screen and (max-width : 767px) {
    .equipement-favoris .col-lg-6:last-child{
        padding-left: 0;
        margin-top:20px;
    }
    .equipement-favoris .col-lg-6:first-child{
        padding-right: 0;
    }
    .actu-favorite {
        padding: 0 0;
    }
    section{
        margin-bottom:20px;
    }

}

@media only screen and (min-width: 767px) and (max-width: 910px) {
    .BLOC_sousmenu .titre {
        font-size: 0.8rem;
    }

    .BLOC_sousmenu .description {
        padding: 10px;
    }
}

.export-demandes{
    float:right;
}
button#edit-submit.btn-warning,
button#edit-submit .btn-warning:hover{
    background-color: #f0efec;
    border-color: #f0efec;
}
.export-demandes .liens a, .liens button:hover{
    color: black;
}

/****************
    Agenda
****************/


.rechercher .container-inline .form-item{
	display:inline-block;
	width:100%;
}

.btn-validate{
    background-color: #de1c21;
    color: #ffffff
}

h2.autres-actus-title{
    text-transform: uppercase;
}

#map{
    width: 100%;
    height: 250px;
}

.LAME-ce-moment.gris h3{
    background:transparent !important;
}

section.focus {
    margin-top: 40px;
}

span.cancelMessage p {
    display: inline-block;
}

.LAME-actualites .group-actu article{
	display:inline;
}


/*Bloc recherche agenda*/
.path-agenda .rechercher label {
    position:relative;
    display:inline;
    left:0px;
    padding-left:0;
}

.path-agenda .rechercher input[type=checkbox]{
    position:relative;
    display:inline;
    margin:0;
    width:auto;
}

.path-agenda .rechercher-bloc .form-select{
    display:inline;
    margin-left:5px;
    width:auto;
	padding-right:30px;
}

.path-agenda .rechercher-bloc legend{
	margin-bottom:0px;
	font-size:inherit;
	border-bottom:0px;
	display:none;
}

.path-agenda .GROS_TITRE.agenda .form-group input{
	width:auto;
	margin-left:0px;
	position:relative;
}

.path-agenda .GROS_TITRE.agenda .form-group .form-date{
	width:90%;
	font-size:0.8em;
	background-image:url(../images/calendar_rouge.svg);
	background-repeat:no-repeat;
	background-position:90% center;
	background-size:15px 15px;

}

.path-agenda .GROS_TITRE.agenda .form-item-search-api-fulltext input[type="text"]{
	width:45%;
	margin-right:10px;
	height:41px;
}

.path-agenda .rechercher-bloc .line1{
	display:inline-block;
	margin-bottom: 15px;
	width:100%;
}

.path-agenda .rechercher-bloc .line2{
	display:inline-block;
	width:100%;
	margin-bottom:15px;
}

.path-agenda .rechercher-bloc .line2 fieldset{
	display:inline;
	border:0px;
	position:relative;
	margin:0px;
	vertical-align: top;
}
.path-agenda .rechercher-bloc .line2 fieldset .fieldset-wrapper{
	vertical-align:top;
	padding-top:8px;
}

.path-agenda .rechercher-bloc .line2 fieldset .fieldset-wrapper .js-form-type-radio{
	margin-right:10px;
}

.path-agenda .rechercher-bloc .form-text{
	display:inline;
}

.path-agenda .rechercher-bloc .line1 .form-type-textfield, .path-agenda .rechercher-bloc .line1 .form-type-select {
	display:inline;
	width:auto;
}

.path-agenda .rechercher-bloc .form-type-radio{
	display:inline;
	width:auto;
}

.path-agenda .rechercher-bloc .input-group{
	display:inline;
	width:auto;
}

.path-agenda .rechercher-bloc .line2 .js-webform-radios{
	display:inline-block;
	width:auto;
}

.path-agenda .rechercher-bloc .line2 .input-group.date.form_datetime{
	display:inline-block;
	width:18%;
}

.path-agenda .rechercher-bloc .line2 .form-item-field-date-evenement-debut input[type="text"]{
	width:calc(100% - 10px);
	height:40px;
}

.path-agenda .rechercher-bloc .line2 .form-item-field-date-evenement-fin-1 input[type="text"]{
	width:calc(100% - 10px);
	height:40px;
}

.rechercher-bloc .visible-lg .line2 .form-type-textfield{
	width:auto;
}


.rechercher-bloc .visible-lg .line2 .label-checkbox-agenda{
	display:inline;
}

.rechercher-bloc .visible-lg .line2 .label-checkbox-agenda .checkbox{
	display:inline;
    margin-right: 10px;
}

/*Bloc recherche agenda culture*/
.page-node-type-page-hub-culture .rechercher label {
    position:relative;
    display:inline;
    left:0px;
    padding-left:0;
    color: #000;
}

.page-node-type-page-hub-culture .rechercher input[type=checkbox]{
    position:relative;
    display:inline;
    margin:0;
    width:auto;
}

.page-node-type-page-hub-culture .rechercher-bloc .form-select{
    display:inline;
    margin-left:5px;
    width:auto;
}

/****************
    CULTURE
 ****************/
.culture [id="customNavigationSticky"],
.culture [id="block-lyonfr-account-menu"] .navbar-nav,
.culture [id="block-lyonfr-account-menu"] .navbar-nav li > a:focus,
.culture [id="block-lyonfr-account-menu"] .navbar-nav li > a:hover,
.culture [id="block-lyonfr-account-menu"] .navbar-nav .dropdown-menu,
.culture .autres-actus .rechercher .bouton-rechercher input.btn,
.culture .rechercher .bouton-rechercher button,
.culture .comments button,
.culture .cc_container .cc_btn,
.culture section.autres-actus ul li a:after {
    /*background-color: #638c02 !important;*/
    background-color: #587E02 !important;
}

.culture .LAME-flash-info .titre,
.culture .cc_banner .cc_more_info,
.culture section.autres-actus ul li a:hover,
.culture .standard.actualite a:hover,
.culture .focus article:hover h3,
.culture .focus article a:hover,
.culture section.infos-pratiques .rouge,
.culture section.focus h2::before,
.culture section.LAME-ce-moment h2::before,
.culture .focus .col-sm-8:hover,
.culture .focus .col-xs-12:hover,
.culture .focus .col-md-8:hover,
.culture .focus.col-lg-8:hover,
.culture .focus article:hover h3,
.culture .focus article:hover .sous-titre,
.culture .focus article:hover p,
.culture .focus article a:hover,
.culture .standard.actualite a {
    /*color: #638c02;*/
    color: #587E02;
}

.culture .lien-externe {
    background: url(../images/lien-ext-culture.svg);
    padding: 0 20px 0px 0px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 13px 17px;
    width: 16px;
    height: 20px;
    text-decoration: none;
}

.culture .LAME-en-image .carousel-control,
.culture .comments h2,
.culture .paragraph--type--accordion-text-block .field--name-field-title,
.culture .LAME-en-liens h2 {
    border-color: #638c02;
}

.culture .LAME-en-image .carousel-control {
    background-image: url("../images/ARROW-lien_vert.svg");
}

.culture .BLOC-size ul li.favoris a:hover {
    background-image: url("../images/PICTO-favoris_2-plein-vert.svg");
}

[id="block-lyonfr-account-menu"] .navbar-nav .dropdown-menu > li > a:hover {
    background: #000000 !important;
}

.culture section.LAME-ACC-ACTU h2{

    border-left: solid 2px #88c100;
    padding-left: 7px;
    margin: 0 0 30px;
    text-align: left;
}

.menu_bottom_culture {
    background: #364d00 !important;
	position: relative;
    z-index: 1;
}

.menu_bottom_culture .container-fluid .navbar-nav {
	height:125px;
	float:none;
	width:100%;
}

.menu_bottom_culture .container-fluid .navbar-nav>li {
	height:100%;
	width:11.11%;
	position:relative;
	/*width:100%;*/
}

.menu_bottom_culture .container-fluid .navbar-nav>li.active:after {
    position: absolute;
    content: "";
    background: #364d00;
    color: #364d00;
    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;
}

.menu_bottom_culture .st0{
	fill:#FFFFFF;
}

.menu_bottom_culture .container-fluid .navbar-nav  a:hover .st0{
	fill:#364D00;
}

.culture  .container-fluid .navbar-nav>li.accueil{
	width:10%;
}

.culture  .container-fluid .navbar-nav>li.cadre-vie{
	width:13%;
}

.culture  .container-fluid .navbar-nav>li.active{
	width:11%;
}


.culture  .container-fluid .navbar-nav>li.enfance{
	width:18%;
}

.culture  .container-fluid .navbar-nav>li.deplacement{
	width:13%;
}

.culture  .container-fluid .navbar-nav>li.solidarite{
	width:11%;
}

.culture  .container-fluid .navbar-nav>li.sport{
	width:10% !important;
}

.culture  .container-fluid .navbar-nav>li.vie-municipale{
	width:13% !important;
}

section.dans-le-cadre.bloc-vert a {
	color:#1e1719;
}

.menu_bottom_culture .container-fluid .navbar-nav>li>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;
	color:#FFFFFF;
	padding:18px 15px;
	position:relative;
}

.menu_bottom_culture .container-fluid .navbar-nav>li>a:after {
	height:100%;
	width:100%;
	bottom: 0;
    right: 0px;
    left: 0px;
   /* height: 1px;*/
    z-index: -1;
    background-color: #FFFFFF;
    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: "";
}

.menu_bottom_culture .container-fluid .navbar-nav>li>a>div {
	width:100%;
}

.menu_bottom_culture .container-fluid .navbar-nav>li>a>div>img, .menu_bottom_culture .container-fluid .navbar-nav>li>a>div>svg{
	width:46px;
	height:61px;
	display:block;
	margin:0 auto;
}

.mobile_culture_menu {
    display:none;
}

.mobile_culture_menu ul li a{
    color:#638c02;
    display: block;
    text-align: center;
    padding:5px 0;
}

.mobile_culture_menu ul li:last-child a{
    padding-bottom:20px;
}

.menu_bottom_culture .container-fluid .navbar-nav>li>a>div>span{
	display:block;
	margin:2px 0 8px;
	line-height:.9rem;
	text-align:center;
}

.menu_bottom_culture .container-fluid .navbar-nav>li>a:hover{
	color:#364d00;
}

.menu_bottom_culture .container-fluid .navbar-nav>li>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);
}


.liens-head a.color-green:hover .svg path{
    fill: #638c02;
}

.LAME-abonnement {
    margin-top: 75px;
}

.embedded-entity figcaption {
    display: none;
}

.LAME-en-image .carousel ul li img {
    width: 142px;
    height: auto;
}

.LAME-en-image .img-responsive {
    width: auto;
	height:auto;
    max-height: 347px;
}

.news .slider-accueil a {
  color: #9CC3E2 !important; /* #337ab7; */
}
.carousel-inner .field--image-slider-accueil {
    display: inline-block;
    height: auto;
    position: absolute;
    z-index:999;
}

.carousel-inner .field--image-slider-accueil img {
    width: 618px;
}


.carousel-caption, .carousel-indicators{
	padding-left: 655px;
}

.culture .carousel-caption h2.block-title{
	text-align:left;
	border-left: solid 2px #638c02;
    padding-left: 7px;
    margin: 0 0 30px;
}

.culture .letitre{
	display:none;
}

.culture .LAME-demarches .pratique .field--item p{
	display:inline;
	margin-bottom:0px;
}

.culture .LAME-demarches .pratique .field--item p img{
	height: 35px;
    vertical-align: bottom;
}

.culture .LAME-demarches .pratique .field--item h2{
	border: 0;
    padding: 0;
    font-size: 1.1rem;
    display: inline;
    margin-left: 10px;
    margin-bottom: 0;
    vertical-align: bottom;
}

.culture .LAME-demarches .pratique .field--item h2:after{
	content:"";
	margin-bottom:25px;
}


.culture .LAME-demarches .pratique ul{
	margin-top:25px;
}

.culture .LAME-demarches  a{
	color:#638c02;
	font-size:.97em;
	font-weight:300;
	transition: 0.3s all;
    -webkit-transition: 0.3s all;
	position: relative;
    z-index: 99;
	text-decoration:none;
}

.culture .LAME-demarches a:after {
	background:#638c02;
	bottom: 0;
    right: 0px;
    left: 0px;
    height: 1px;
    z-index: -1;
    background-color: #638c02;
    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: "";
}

.culture .LAME-demarches 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);
}

.culture .LAME-demarches  a:hover{
	color:#638c02;
}

.culture .LAME-demarches  a span{
	/*font-style:italic;*/
	font-size:.75rem;
}

.culture .LAME-demarches .pratique a:hover{
	color:#638c02;
}

.culture section.focus .field--item p {
	margin-bottom:0px;
}


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

.culture .LAME-demarches .liens a span:after{
	background: url(../images/ARROW-lien_noir.svg) no-repeat center;
}

.culture .LAME-ce-moment .col-d .rechercher.evenement.agenda-culture{
	padding:20px !important;
}

.culture .LAME-ce-moment .col-d .rechercher.evenement.agenda-culture fieldset{
	display:inline;
	border:0px;
	position:relative;
	margin:0px;
	vertical-align: top;
}

.culture .LAME-ce-moment .col-d .rechercher.evenement.agenda-culture fieldset legend{
	display:none;
}

.culture .LAME-ce-moment .col-d .rechercher.evenement.agenda-culture fieldset input {
    width: auto;
    margin-left: 0px;
    position: relative;
}

.culture .LAME-ce-moment .col-d .rechercher.evenement.agenda-culture fieldset label {
    position: relative;
    display: inline;
    left: 0px;
    padding-left: 0;
}

.culture .LAME-ce-moment .col-d .rechercher.evenement.agenda-culture fieldset .checkbox, .culture .LAME-ce-moment .col-d .rechercher.evenement.agenda-culture fieldset .radio{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
}



.LAME-ce-moment .col-d .rechercher.evenement.agenda-culture fieldset .js-webform-radios{
	margin-bottom:10px;
}

.LAME-ce-moment .col-d .rechercher.evenement.agenda-culture  .form-item-field-date-evenement-debut{
	width:calc(50% - 10px);
	display:inline-block;
	margin-right:5px;
}

.LAME-ce-moment .col-d .rechercher.evenement.agenda-culture  .form-item-field-date-evenement-fin-1{
	width:calc(50% - 10px);
	display:inline-block;
}

.LAME-ce-moment .col-d .rechercher.evenement.agenda-culture  .form-item-field-date-evenement-debut input{
	/*width:calc(50% - 10px);*/
	display:inline;
	font-size:0.8em;
	background-image: url(../images/calendar_vert.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 15px 15px;
}

.LAME-ce-moment .col-d .rechercher.evenement.agenda-culture  .form-item-field-date-evenement-fin-1 input{
	/*width:calc(50% - 10px);*/
	display:inline;
	font-size:0.8em;
	background-image: url(../images/calendar_vert.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 15px 15px;
}


/**************************
    Bloc  réseaux sociaux
 **************************/

.nav-tabs { border-bottom: 2px solid #DDD;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-width: 0;
}
.nav-tabs > li > a {
    border: none; color: #666;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
    border: none; color: #dc1d22 !important; background: transparent;
}
.nav-tabs > li > a::after {
    content: ""; background: #dc1d22; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0);
}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}
.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%; color: #fff;
}
.tab-pane {
    padding: 15px 0;
}
.tab-content{
    padding:20px;
}

.actualite .tab-demandes .tab-content{
    padding:0;
}

.card {
    background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px;
}



/**************************
    A lire aussi taxonomy
 **************************/
.row-lire-aussi-taxonomy .titre {
    height: 45px;
    text-align: center;
}

.row-lire-aussi-taxonomy .desc {
    height: 60px;
}


.row-lire-aussi-taxonomy article {
    min-height: 350px;
}



/**************************
    Page Autres comptes
 **************************/
.accordeons-account .accordeon-titre {
    background-color: transparent;
    border-top: 1px solid #dc1d22;
    border-radius: 0;
    border-bottom: 1px solid #dc1d22;
    text-align: left;
    text-transform: initial;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 30px;
    padding: 10px 0;
}

.accordeons-account .more-less::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;
}


.accordeons-account .more-less {
    position: relative;
    top: -1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: bottom;
    margin-right: 10px;
    -webkit-font-smoothing: antialiased;
    width: 22px;
    height: 22px;
    border: 2px solid #1e1719;
    border-radius: 50%;
}

.accordeons-account .active .more-less::before {
    background: url(../images/arrow-top.svg) top left no-repeat;
}

.avatar {
    max-height: 50px;
    max-height: 50px;
}

/**************************
    Mes démarches
 **************************/
.LAME-demarches{
	    padding: 60px 0 40px !important;
		margin-bottom:60px !important;

}
.LAME-demarches ul li figure {
    width: 90%;
    vertical-align: top;
    display: inline-block;
    margin : inherit;
}
.LAME-demarches ul li figure article {
    margin-bottom : inherit;
}
/**************************
    Chiffres clés
 **************************/
.LAME-chiffres-cles{
	    padding: 60px 0 30px !important;
}


/**************************
    404
 **************************/

  .erreur-404 span.icon,  .erreur-404 h1, .erreur-404 p{
	  display:inline-block;
	  width:100%;
	  text-align:center;
  }

 .erreur-404 span.icon svg{
	 display:inline-block;
	 width:50px;
 }


/**************************
    Lyon en direct
 **************************/
.lyon-direct::before {
    content: '';
    position: absolute;
    background: #dc1d22;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    opacity: 0.5;
}

.lyon-direct h2 {
    position: relative;
    z-index: 9;
}

.lyon-direct-home h2 {
    border-left: solid 2px #88c100;
    line-height: 1.4rem;
    text-align: left;
	padding-left:10px;
    margin: 0 0 30px;
    z-index: 9;
    position: relative;
}

.culture .LAME-direct .reseau-s ul li {
    margin-bottom: 25px !important;
}

.culture .lyon-direct::before {
    content: '';
    position: absolute;
    background: #ffffff00;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    opacity: 0.5;
}



/**************************
    Block A lire aussi
 **************************/

 .block-views-blocka-lire-aussi-taxonomy-block-2{
	margin-top:40px;
 }



 /**************************
    Formulaire cold droite
 **************************/
 .col-d .rechercher .form-inline .form-group{
	 width:73%;

 }


  /**************************
    Video
 **************************/
 section.video{
	 margin-bottom:40px;
	 padding: 60px 0;
 }


  /**************************
    Equipement
 **************************/
.page-node-type-equipement .bouton-rechercher button,
.lyon-recherche-evenements .bouton-rechercher button {
    border: 0;
    border-radius: 0;
    background: #dc1d22;
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;
}

.page-node-type-equipement .lyon-recherche-equipements .form-item-search-api-fulltext {
    width:73% !important;
    display:inline-block;
}

.page-node-type-equipement .form-actions.form-group.js-form-wrapper.form-wrapper {
    display:inline;
}


 /**************************
    Infos pratiques
 **************************/
.culture .infos-pratiques a, .culture .infos-pratiques .field--item a{
	color:#638c02 !important;
}



.infos-pratiques .field--item a{
	position:relative;
	color:#dc1d22;
	font-weight:bold;
	font-size: .95rem;
	padding-left: 30px;
}

.infos-pratiques .field--item a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin-left:0;
	margin-right:0;
	margin-bottom:0;
	margin-top:8px;
    width: 23px;
    height: 9px;
    opacity: 1;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    transition: all 0.5s ease 0s;
    background: url(../images/ARROW-lien.svg) no-repeat center;
}


.culture .infos-pratiques .field--item a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    margin-top:8px;
    width: 23px;
    height: 9px;
    opacity: 1;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    transition: all 0.5s ease 0s;
    background: url(../images/ARROW-lien_vert.svg) no-repeat center;
}

.infos-pratiques ul li{
	list-style:disc;
}

.seances {
    padding-left: 20px;
}

.LAME-actualites article .seance-texte {
    width: 100%;
}

.seance-texte h2 {
    margin:0 !important;
}

.seance-texte h3 {
    display: inline-flex;
}

.section-seance #edit-submit {
    border: 0;
    border-radius: 0;
    background: #dc1d22;
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;
    padding: 9px 22px;
}

.media-files .field-content {
    padding: 0 10px 5px 25px;
    background: url(../images/pdf.jpg) no-repeat 0px 0px;
    text-decoration: underline;
}


.media-files .field-content a {
    color: black;
}

 /**************************
    Col D
 **************************/

 .col-d section{
	 padding:35px !important;
 }

 .col-d .field--item .LAME-demarches {
	 padding: 35px !important;
    margin-bottom: 40px !important;
 }

 .maire .BLOC-chapeau.petite .BLOC-image{
	 width: 210px;
 }


 /**************************
    Correction Wisiwig
 **************************/

 .field--item ul li{
	 font-size:inherit;
	 list-style-position: inside;
 }

  /**************************
    Arrondissement
 **************************/

 [id="footer-infos"] .adresse{
	 width:100%;
 }

 [id="footer-infos"] .adresse a{
	display:inline-block;
	color: #1e1719;
    font-size: .95rem;
    text-decoration: underline;
 }

 [id="footer-infos"] .adresse a:hover{
	color: #f1b306;
 }


/**************************
   E-services
 **************************/
  .eservices{
	  position:relative;
  }

   .eservices span.tag_eservices:before{
	   position:absolute;
	   content:"";
	   width:0;
	   height:0;
	   border-top:40px solid #dc1d22;
	   border-left:40px solid transparent;

   }

  .eservices .tag_eservices{
	  position:absolute;
	  right:0px;
	  top:0;
	  width:45px;
	  height:45px;
  }

 .eservices .tag_eservices svg{
	width:13px;
	height:12.67px;
	position:relative;
	margin-left:21px;
	margin-top:4px;
 }

  .eservices .tag_eservices .st0{
	  fill:#FFFFFF;
  }


 /**************************
   Formulaire Header
 **************************/

 .search-block-form .btn-primary{
     border-radius:0;
     border:0px;
     background-color: #FFF;
     color:#dc1d22;
     height: 34px;
     vertical-align: top;
     margin-left: -3px;
 }


 .search-block-form .form-group, .search-block-form .form-item{
     display: inline;
 }


 .search-block-form .form-control{
     width:84%;
     display: inline;
 }

 .block-search form {
    margin-right: 15px;
}

 /**************************
   Formulaire
 **************************/

 .webform_template .col-g{
	padding-top:5px;
  }

  .webform_template .panel{
	border:0px;
	box-shadow: 0 0px 0px rgba(0,0,0,.05);
	border-radius: 0px;
  }

  .webform_template .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid #dc1d22;
	border-top: 1px solid #dc1d22;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	background-color:transparent;
}

  .webform_template .panel-heading a.panel-title{
	  font-weight:bold;
  }

 .webform_template [id="edit-identite"] .panel-heading a.panel-title{
	 background-image:url(../images/picto_form_identite.svg);
	 background-repeat:no-repeat;
	 background-position:left center;
	 background-size:20px 20px;
	 padding-left:25px;

  }

  .webform_template .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f0efeb;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.webform_template [id="edit-contact"] .panel-heading a.panel-title{
	 background-image:url(../images/picto_form_tel.svg);
	 background-repeat:no-repeat;
	 background-position:left center;
	 background-size:20px 20px;
	 padding-left:25px;
  }


.webform_template [id="edit-adresse"] .panel-heading a.panel-title{
	 background-image:url(../images/picto_form_adresse.svg);
	 background-repeat:no-repeat;
	 background-position:left center;
	 background-size:20px 20px;
	 padding-left:25px;

  }


 .webform_template [id="edit-actions"]{
	 border-top: 1px solid #dc1d22;
	 padding-top:20px;
	 text-align:center;
   }

 .webform_template [id="edit-actions"] .btn-primary{
	 background:#dc1d22;
	 display:inline-block;
	 color:#FFF;
	 font-weight:500;
	 padding:7px 50px;
	 position:relative;
	 z-index:99;
	 border-radius:0;
	 border:0px;
	 transition: .5s transform cubic-bezier(.19,1,.22,1);
	 -webkit-transition: .5s transform cubic-bezier (.19,1,.22,1);
	 cursor:pointer;
}

 .webform_template [id="edit-actions"] .btn-primary:after{
	 bottom:0;
	 right:0px;
	 left:0px;
	 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;
	 height:100%;
	 content:"";
	  cursor:pointer;
 }
  .webform_template [id="edit-actions"] .btn-primary: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);
}

.webform_template a.icon-before{
	color:#dc1d22;
}

.webform_template input, .webform_template select{
	max-width:400px;
}

.webform_template textarea {
	max-width:400px;
	height:72px !important;
}

 /**************************
   Correction rem/em
 **************************/

.standard h1{
	font-size: 2.4em;
}

.standard .BLOC-chapeau .description p{
	font-size: 1.14em;
    line-height: 1.4em;
}

.paragraph--type--accordion-text-block .field--name-field-title{
    font-size: 1.257em;
}

.col-d section h2 {
	font-size: 1.37em;
	line-height:1.1em;
}

section.autres-actus ul li{
	font-size: 1em;
	line-height:inherit;
	margin-bottom: 5px;
}

.GROS_TITRE h1 {
	font-size: 2.3em;
}

.GROS_TITRE .BLOC-texte p{
	font-size: 1.2em;
  display: inline;
}

.BLOC_sousmenu .titre{
	font-size: 1.15em;
}

.BLOC_sousmenu .description p{
	font-size: 1em;
	line-height:1.35em;
}

.LAME-demarches .titre h2{
	font-size: 1.26em;
	line-height:1.3em;
}

.LAME-demarches ul li a{
	font-size: 1.1em;
	line-height:1.25em;
}

.h5, h5{
	font-size: 0.7em;
}

section h2{
	font-size:1.40em;
	line-height:1.2em;
	margin: 0 0 30px;
}

.LAME-ce-moment h3{
	font-size:1.16em;
}

.LAME-ce-moment p.description{
	font-size: 1.15em;
	line-height: 1.2em;
}

.LAME-ce-moment p{
	font-size: 1.1em;
}

.liens a{
	font-size:0.9em;
}

.LAME-chiffres-cles .chiffre{
	font-size:2.4em;
}

.LAME-chiffres-cles p{
	font-size:1.1em;
	line-height: 1.2em;
}

.LAME-actualites article .actu-texte h2 {
	font-size: 1.25em;
	line-height: 1.1em;
}


.LAME-en-liens.LAME-actualites article .actu-texte h2{
	border-left:0px;
	padding-left:0px;
}

.LAME-actualites article .actu-texte .date{
	font-size: 0.97em;
	width:100%;
}
.LAME-actualites article .actu-texte .date .field--name-field-main-category,
.LAME-actualites article .actu-texte .date .field--name-field-teaser-date-location{
    display: inline-block;
}

.LAME-actualites article .actu-texte .description{
	font-size: 1.15em;
	line-height:1.15em;
}

.rechercher-bloc label[for='edit-field-main-category-target-id'], .rechercher-bloc label[for='edit-fiel-thematique-demarche-target-id-1']{
	font-size:1.15em;

}

.rechercher-bloc .form-submit, .views-exposed-form .form-submit{
	font-size:1.15em;
        vertical-align: top;
}

.form-control{
	font-size:1em;
	line-height:1em;
}

.rechercher-bloc input[type='text']{
	font-size:1em;
}

.accordion h2{
	font-size: 1.25em;
}



/****************
  SLIDER ACCUEIL
****************/

.carousel-caption{
	padding-top:0px;
}

.carousel-caption .thematique{
	text-transform: uppercase;
	font-weight:300;
}

/****************
  FOCUS ACCUEIL
****************/

.paragraph--type--focus{
	/*display:inline-block;*/
}


/****************
  BOUTON PAUSE  SLIDER
****************/

#pauseButton {
    color: #dc1d22;
	border-color: #dc1d22;
	background-color:transparent;
}

.culture #pauseButton{
	color: #638c02;
	border-color: #638c02;

}

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

section.LAME-flash-info #carouselButtonsFI{
	margin-left:auto;
	right:40px;
	bottom:11px;
}

.culture section.LAME-flash-info{
	margin-bottom: -15px;
}


/*.IE section.LAME-flash-info #carouselButtonsFI{
	right:23.5%;
}*/


/****************************
  COLONNE GAUCHE ACUALITES
****************************/

section.standard.actualite {
	max-width:700px;
}



/****************************
  LAME A LIRE AUSSI
****************************/


.LAME-lire-aussi img {
    display: block !important;
    width: 100% !important;
}

.LAME-lire-aussi .carousel-inner .field--image-slider-accueil{
	position:relative;
}


/****************************
  VIE MUNICIPALE
****************************/


.bloc_vie_municipale{
	padding-left:0px !important;
	padding-right:0px !important;


}

/****************************
  ARRONDISSEMENT
****************************/

.arrondissement .search-block-form .btn-primary{
	color: #966f03 !important; /* #f1b306 */
}
.arrondissement .search-block-form a {
  color: #609DD2;
}

.tab-demandes .nav-tabs>li.active>a, .tab-demandes .nav-tabs>li.active>a:focus, .tab-demandes .nav-tabs>li.active>a:hover{
	color: #FFF !important;
}

.arrondissement ul.pagination li.active a {
    border: 1px solid #f1b306 !important;
    border-radius: 0;
    background-color: transparent;
    color: #f1b306 !important;
}

.arrondissement ul.pagination li a{
	color: #f1b306 !important;
}

.arrondissement ul.pagination li.pager__item--next a{
	    background: url(../images/ARROW-lien_jaune.svg) no-repeat top left / 29px;

}
.arrondissement ul.pagination li.pager__item--previous a, .arrondissement ul.pagination li.pager__item--previous a:hover{
    background: url(../images/ARROW-lien_jaune.svg) no-repeat top left / 29px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.arrondissement section.focus .col-sm-8:hover, .arrondissement section.focus .col-xs-12:hover, .arrondissement section.focus .col-md-8:hover, .arrondissement section.focus.col-lg-8:hover, .arrondissement section.focus article:hover h3, .arrondissement section.focus article:hover .sous-titre, .arrondissement section.focus article:hover p, .arrondissement section.focus article a:hover{
	color:#F1B306;

}

.arrondissement .info-mairie ul li a:hover{
	color: #624904;  /* #F1B306; */
	cursor:pointer;
}


/****************************
  PUBLIC VISE
****************************/


.bloc_public_vise{
	display:inline-block;
	width:100%;
	margin-top:5px;
	margin-bottom:10px;
}

.bloc_public_vise span.public_vise{
	display:inline-block;
	border:1px solid #1e1719;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:10px;
	font-style:italic;
}

button#edit-submit.btn-warning, button#edit-submit .btn-warning:hover{
	color:#1e1719;
}


/****************************
 FORM ASSOCIATIONS
****************************/

.path-associations .bloc-form-02, .path-associations .bloc-form-03,
.section-seance .bloc-form-02 {
    display:inline-block;
    width:100%;
    text-align: left;
}

.section-seance .bloc-form-02 .form-item,
.path-associations .bloc-form-02 .form-item{
    display:inline-block;
    width:47%;
    margin-right:10px;
}

.path-associations .bloc-form-03 .form-item{
    display:inline-block;
    width:35%;
    margin-right:10px;
}

.path-associations .bloc-form-03 .form-item .form-select{
    width:100%;
}

.path-associations .bloc-form-02 .form-select{
    width:89%;
}

.path-associations .bloc-form-03 .form-submit{
    margin-top:-4px;
    margin-right:10px;
    vertical-align: top;
}

.view-filters section{
    margin-bottom: 0px;
}

.GROS_TITRE .autre-recherche {
    background: #e5e4e2;
    margin: 20px -33px -50px;
    padding: 15px 33px;
}

/****************************
 FORM EQUIPEMENTS
****************************/


.path-equipements .bloc-form-02 {
    display:inline-block;
    width:100%;
    text-align: left;
}

.path-equipements .bloc-form-02 .form-item {
    display:inline-block;
    width:47%;
    margin-right:10px;
}

.path-equipements .bloc-form-02 .form-select {
    width:89%;
}


.path-equipements .bloc-form-03{
	display:inline-block;
    width:48.1%;
    text-align: left;
}
.path-equipements .bloc-form-03 .hide-field-equipements{
	display:inline;
}

.path-equipements .bloc-form-03 .form-item{
    display:inline-block;
	width: calc(55% - 10px);
    margin-right:10px;
}

.path-equipements .rechercher-bloc .bloc-form-02 .form-item .form-select {
    width: 100%;
}



.path-equipements section.GROS_TITRE .rechercher-bloc input[type='text']{
	height:41px;
}

.path-equipements .rechercher-bloc .bloc-form-03 .form-select{
	width:100% !important;
}

.path-equipements .rechercher-bloc .form-item .form-select{
	width: 42%;
}



/****************************
 CORRECTIF LAME EN LIEN
****************************/

.LAME-en-liens .LAME-actualites article .actu-texte h2 {
    text-align: left;
    padding-left: 0px;
    border: 0;
    font-size: 1.1rem;
    margin-bottom: 10px;
    text-transform: inherit;
}

.LAME-en-liens .LAME-actualites article .actu-texte{
    text-align: left;
}

/****************************
 CORRECTIF DEMARCHES LES PLUS CONSULTEES
****************************/

.view-demarches-les-plus-consultees .container-fluid{
    padding-right: 0px!important;
    padding-left: 0px!important;
    max-width: inherit !important;
    width:auto !important;

}

.BLOC_sousmenu .content{
    display:inline-block !important;
    width:100%;
}

.BLOC_sousmenu .form-group{
     width:auto !important;
     margin-bottom:0px;

}​

#block-inscriptionnewsletter {
    display: block;
}
/****************************
 A LA UNE
****************************/
.carousel-caption .titre h3 a{
    color: #1e1719;
}
.culture .carousel-indicators #playButton, .culture .carousel-indicators #pauseButton{
    /*color: #638c02;
    border-color: #638c02;*/
    color: #587E02;
    border-color: #587E02;
}
/****************************
video
****************************/
.video-embed-field-responsive-video:after {
    padding-bottom: 15.25%;
}


.video-embed-field-responsive-video iframe{
	position:relative;
	 width: 560px;
	 height: 315px;
}

.video-embed-field-responsive-video:after {
    padding-bottom: 3%;
}

/****************************
    FACTURES
****************************/
.bloc_facture {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
}

.bloc_facture div.facture {
    display: inline-block;
    border: 1px solid #1e1719;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
    width: 100%;
}

/****************************
    CORRECTIF TAILLE IMAGE VIGNETTE HUB
****************************/

.page-node-type-page-hub .BLOC_sousmenu{
	padding: 30px 0 20px
}


.page-node-type-page-hub .BLOC_sousmenu .content{
	overflow:hidden;
}


.page-node-type-page-hub .BLOC_sousmenu .content a img{
	width:auto;
	height:140px;
	max-width:inherit;
}

.BLOC_sousmenu article.col-xs-12.col-sm-6.col-md-6.col-lg-6 .field--name-field-image-large{
	max-height:140px;
	overflow:hidden;
}

.BLOC_sousmenu article.col-xs-12.col-sm-6.col-md-6.col-lg-6 .field--name-field-image-large img{
	width:100%;
	height:auto;
}

/****************
CORRECTIF TAILLE IMAGE VIGNETTE HUB
*****************/
.page-node-type-page-hub .BLOC_sousmenu .content a .field--name-field-hub-image .field--item {
    width: 100% !important;
    max-height: 140px;
    max-width: inherit;
    overflow: hidden;
}
.page-node-type-page-hub .BLOC_sousmenu .content a .field--name-field-hub-image .field--item img {
    min-height: 140px;
    max-width: inherit;
}

/****************************
    CORRECTIF BLOC CHAPEAU
****************************/

.standard .BLOC-chapeau .description {
    display: block;
	width: auto;
    margin-left: 0px;
    vertical-align: top;
    min-height: auto;
}

.standard .BLOC-chapeau .BLOC-image img{
	width:100%;
}

.standard .BLOC-chapeau.petite .BLOC-image {
    /* display: inline-block; */
    width: 414px;
    height: auto;
    float: left;
    margin-right: 20px;
}

.standard.maire .BLOC-chapeau.petite .BLOC-image {
    width: 250px;
}


/****************************
    OPTIMISATION CULTURE
****************************/

/*Debug Header Culture IE*/
.culture header{
	background-color:#88c100;
    position: relative;
}

.culture header > .container-fluid::before {
    content: "";
    display: block;
    background-image: linear-gradient(180deg, #598000b5 30%, #88c1004d 50%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 992px) {
    .culture header > .container-fluid::before {
        background: #598000b5;
    }
}

/*A lire aussi Mention complet*/
.culture .LAME-en-liens .LAME-actualites article .actu-texte h2 span {
    background: url(/themes/custom/lyonfr/images/PICTO-attention.svg) no-repeat left 10px center / 20px;
    display: inline-block;
    border: 1px solid #dc1d22;
    padding: 5px 12px 5px 36px;
    font-size: .9rem;
    font-weight: 400;
    color: #dc1d22;
    margin-top: 10px;
    margin-left: 0px;
}

/*Ajout de la fleche blanche bloc culture home*/
.culture-lyon:before{
	content:"";
	position:absolute;
	width:0;
	height:0;
	color:#f7f7f7;
	border-left:25px solid transparent;
	border-right:25px solid transparent;
	border-top:27px solid;
	top:0;
	left:50%;
	margin-left:-25px;
	z-index:99;
}

.copyright-carousel {
    text-align: center;
    margin-top: -20px;
    margin-bottom: 20px;
}

/*Debug slider culture home*/
.culture-lyon{
	text-align:center;
}

.slide_home_culture{
	/*display:inline-block;
	width:100%;*/
	margin-left:auto;
	margin-right:auto;
	/*position:relative;*/
	max-width: /*1480px*/ 1250px;
}
.slide_home_culture .carousel-indicators {
  position: unset;
}
.slide_home_culture .carousel-inner,
#carousel-lire-aussi .carousel-inner,
#carousel-lire-aussi-page .carousel-inner {
  min-height: 300px;
}
/*.slide_home_culture .carousel-control.left{
	    left: -30px;
}

.slide_home_culture .carousel-control.right{
	 right: -30px;
}*/

.slide_home_culture .carousel-indicators{
	width: 100%;
	padding-left:0;
	text-align:center;
}

/**************************
    Lyon Citoyen
 **************************/
.lyon-citoyen {
    text-align: left;
}

.lyon-citoyen ul {
    list-style: circle;
    /*padding-left: 17px;*/
    margin-bottom: 30px;
    margin-top: 20px;
}

.lyon-citoyen ul li{
	list-style-position:inside;
}

.lyon-citoyen ul li a{
	font-size:1em !important;
	display:inline;
}

.page-node-type-page-hub section.autres-actus{
	display:inline-block;
	width:100%;
}

.page-node-type-page-hub section.autres-actus .field--item p img.align-left{
	margin: 0px 20px 20px 0;
}

.lyon-recherche-evenements .form-item-search-api-fulltext {
    width:100% !important;
    display: inline-block;
}

.lyon-recherche-evenements .form-actions.form-group.js-form-wrapper.form-wrapper {
    display:inline;
}

/*Picto bloc page hub*/
.le_pictogramme{
    display: inline-block;
    width:100%;
    text-align:center;
}

.le_pictogramme img{
    display: inline-block;
    width:20% !important;
}


/*Correction balise <p> flash info*/

.LAME-flash-info .carousel-content p{
	 display:inline;

}




/*Couleur des liens wysiwig*/
.paragraph .field--item a{
	color:#dc1d22 !important;
}

.paragraph .field--item a:hover{
	cursor:pointer;
}

.culture .paragraph .field--item a{
	color:#587E02 !important;
}

.liens a:hover{
	    color: #FFF !important;
}

.culture .LAME-en-liens article a:hover {
    /*color: #638c02;*/
    color:#587E02;
    text-decoration: none;
}

.culture .BLOC-chapeau .field--item a{
	/*color: #638c02;*/
    color:#587E02;
}

.culture .BLOC-chapeau .field--item a:hover{
	text-decoration:underline;
}

/*Accueil Bloc Profil*/
.profils ul li span.picto{
	width: 100%;
    height: auto
}

 .profils ul li span.picto img{
	width: 50px;
    height: 51px;
}

/* btn connexion page 403 */
.BLOC-btn-envoie{
    border-top:0px solid #dc1d22 ;
    text-align:center;
    padding:30px 0;
}

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

.BLOC-btn-envoie button:hover {
    background-color: #bb161a;
    border-color: #bb161a;
    color:#FFF;
}

.BLOC-btn-envoie button:focus {
    background-color: #bb161a;
    border-color: #bb161a;
    color:#FFF;
}

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

/* btn connexion démarches */
.page-node-type-demarches .BLOC-btn-envoie {
    text-align: right;
    padding: 10px;
}

/*Mes autres comptes*/
.path-si-usager .avatar{
    width:40px;
    height:40px;
    border-radius: 50%;
	line-height:1rem;
}

.path-si-usager .accordeons-account .accordeon-content .row{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ECECEC;
	vertical-align: middle;
    line-height: 40px;
}

.path-si-usager .accordeons-account .accordeon-titre{
	margin-bottom: 10px;
}

.path-si-usager .accordeons-account .accordeon-content .row a{
	color:#dc1d22;
}

.path-si-usager .accordeons-account .accordeon-content section{
	margin-bottom:0px;
}

.path-si-usager .accordeons-account .accordeon-content .typo_label{
	display:inline-block;
	width:100%;
	text-align:left;
	font-weight:600;
}

.path-si-usager .accordeons-account .accordeon-content section.formulaire .form-control{
	    background: #f0efeb;
		height:40px;
}

.path-si-usager .accordeons-account .accordeon-content section.formulaire input:-webkit-autofill{
	background: #f0efeb;
}

.path-si-usager .accordeons-account .accordeon-content section.formulaire .form-file{
	 background: transparent;
}
.path-si-usager .accordeons-account .accordeon-content section.formulaire .btn-success{
	background-color: #dc1d22;
    border-color: #dc1d22;
	height:39px;
	border-radius:0px;
	margin-top:-5px;
        color: #ffffff;
}

.path-si-usager .accordeons-account .accordeon-content section.formulaire .btn-success:hover{
	background-color: #bb161a;
    border-color: #bb161a;
}

/*Wysiwyg*/

.paragraph .alert, .paragraph .informations, .paragraph .notabene{
	display:inline-block;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}

.paragraph .alert img, .paragraph .informations img, .paragraph .notabene img{
	width:22px;
	height:20px;
	margin-bottom:0px;
	margin-right:10px;
}

.paragraph .alert{
	padding:0px;
	margin-bottom:0px;

}

.wysiwyg_bkdg_grey{
	display:inline-block;
	width:100%;
	background-color: #f0efec;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}


/*patch firefox*/
select::-moz-focus-inner{
	outline:none !important;
}

.form-actions #edit-reset {
    margin-left: 15px;
}

.autres-actus a{
	text-align:left;
}
/*Picto Loupe Culture IE*/

.IE.culture .search-block-form .btn-primary {
    color: #638c02 !important;
	height:34px;
	margin-top:0px;
}

/*Correction margin bottom section text-size*/

section.block-lyonfr-text-size{
	margin-bottom:0px;
}


.liens.write_to a span:before {
	width: 25px;
    height: 25px;
	top:-1px;
    background: url(../images/arrow_write_to_white.svg) no-repeat center;
}

.liens.write_to a span:after {
    width: 25px;
    height: 25px;
	top:-1px;
    background: url(../images/arrow_write_to.svg) no-repeat center;
}​



/*patch hauteur video*/
.paragraph iframe{
	min-height:315px;
	min-width:560px;
}

/* Recherche page culture */
.agenda-culture .bouton-rechercher button {
    border: 0;
    border-radius: 0;
    background: #dc1d22;
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;
}

.agenda-culture .lyon-recherche-evenements select:focus {
    outline: solid;
}

.culture .rechercher .form-group input,
.culture .lyon-recherche-evenements .form-select {
    border: 1px solid #1e1719;
}

.agenda-culture .bouton-rechercher button:hover {
    border: 0;
    border-radius: 0;
    background: #dc1d22;
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;
}

/* autres comptes */
.path-si-usager .accordeons-account .accordeon-content section.formulaire .btn-default {
    background-color: #dc1d22;
    border-color: #dc1d22;
    height: 39px;
    border-radius: 0px;
    margin-top: -5px;
    color: #fff;
}

.path-si-usager .accordeons-account .accordeon-content section.formulaire .btn-default:hover{
	background-color: #bb161a;
    border-color: #bb161a;
}

/* Complet + Annulé sur les event */
.complet-annule-event {
    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-bottom: 10px;
}

.credit-photo {
    text-align: center;
    font-style: italic;
}

.page-node-type-event .LAME-actualites article .img-actu img {
    width:100%;
}

/*Correction colorimétrique Lame à lire aussi hover culture*/

.culture .LAME-lire-aussi article a:hover {
    color: #638C02;
    text-decoration: none;
}

.culture .LAME-lire-aussi a:hover h3:before {
    background: #638C02;
}



/*debug IE*/
.IE .BLOC_sousmenu .row > article{
	display:inline-block;
}

.IE .BLOC_sousmenu .row{
	display:block;
}
.IE .adjoint-maire .panel-body .col-lg-2{
	display:inline-block;
}


.IE .ESPACE-PERSONNEL .bloc-info ul li.document img{
	width:30px;
	height:27px;
}

/*En ce moment page hub*/
.page-node-type-page-hub .LAME-ce-moment .row {
    margin: 0 -15px 35px;
}

.page-node-type-page-hub section.LAME-ce-moment h2{
	text-align:center;
}

.page-node-type-page-hub section.LAME-ce-moment h2:before{
	content:"";
	margin-right:0px;
}

/* Suppression des champs du formulaire */
.suppression-field-form {
    display: none;
}

/* Btn recherche actualité */
.page-node-type-news .bouton-rechercher button {
    border: 0;
    border-radius: 0;
    background: #dc1d22;
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;
}

.lyon-recherche-deliberations #edit-submit {
    border: 0;
    border-radius: 0;
    background: #dc1d22;
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;
    padding: 9px 22px;
}

/*Debug search engine recherche*/

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher label{
	position: relative;
    left:auto;
	display:inline;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher legend{
	display:none;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .webform-options-display-one-column{
	display:inline-block;
	width:100%;
	margin-bottom:10px;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .js-form-type-radio{
	width:auto;
	display:inline;
	padding-right:10px;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .form-type-date{
	width:calc(51% - 10px);
	display:inline-block;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .form-item-field-date-evenement-debut{
	margin-right:10px;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .form-type-date .form-date{
	background-image:url(../images/calendar_vert.svg);
	background-repeat:no-repeat;
	background-position:90% center;
	background-size:15px 15px;
	font-size:0.8em;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .js-form-type-checkbox{
	display:inline;
	width:auto;
	padding-right:10px;
}

.page-node-type-event .col-d .block-evenements-recherche-block .rechercher .bouton-rechercher{
	margin-top: 20px;
    display: inline-block;
}
.carousel-control {
  border: none !important;
}
.carousel-control.right{
	right:10px;
}

.carousel-control.left{
	left:10px;
}
#custom_carousel .controls button {
  border: none;
}
#custom_carousel .carousel-control {
  top: 36%;
  z-index: 101;
}
.path-calendrier .bouton-rechercher button, .lyon-recherche-discours .bouton-rechercher button {
    border: 0;
    border-radius: 0;
    background: #dc1d22;
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;
}

.LAME-lire-aussi {
    margin: 0 -15px 30px;
}

.LAME-lire-aussi.block-views-blockactualite-si-usager-block-1 {
    margin: 0 0 30px;
}

.LAME-lire-aussi.block-views-blockactualite-si-usager-block-1 .views-row {
	margin:0 -15px;
}

footer .field--type-text-with-summary{
	display:inline-block;
}

#edit-field-auj-periode {
  display:inline-block;
  vertical-align: 12px;
}

/*Alignement en ce moment page culture*/

.culture .LAME-ce-moment .row{
	    margin: 0 -30px 30px;
}

/*Alignement en ce moment page culture*/

.culture .LAME-direct .row{
	 margin: 0 -15px 0px;

}

.culture .LAME-direct .lyon-direct .row{
	margin-bottom:20px;
}

.field--name-field-type-de-mandat-ca {
    display: inline-block;
}

.col-d section a{
	    color: #dc1d22 !important;
}


.culture .col-d section a{
	color: #638c02 !important;
}

section.dans-le-cadre.bloc-vert a{
	color:#FFFFFF !important;
}


/*Mise en forme formulaire Recherche Globale*/

.path-recherche .rechercher-bloc .form-type-textfield{
	display:inline-block;
	width:100%;
}

.path-recherche .rechercher-bloc .form-type-textfield input[type='text']{
	display:inline-block;
	min-height:42px;
}

.path-recherche .rechercher-bloc .form-radios{
	display:inline-block;
	width:100%;
	margin-bottom:15px;
}

.path-recherche .rechercher-bloc .form-radios .form-item{
	display:inline-block;
	width:20%;
}

/*Alignement Lame Focus*/
.focus .row{
	margin: 0 -30px;
}

/* Button suppression favoris*/
.btn-success, .btn-success:hover {
    background-color: #adacab;
    border-color: #adacab;
    color:#1e1719;
}
.btn-danger, .btn-danger:hover {
    background-color: #737272;
    border-color: #737272;
    color:#1e1719;
}

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




@media only screen and (max-width : 1200px) {
    [id="block-lyonfr-account-menu"],
    [id="block-lyonfr-account-menu"] .navbar-nav li{
        min-width: 230px;
    }
    [id="block-lyonfr-account-menu"] .navbar-right{
        float:left !important;
        min-width: 230px;
        width: 40%;
    }
    [id="block-lyonfr-account-menu"] .navbar-nav .dropdown-menu{
        min-width: 230px;
        width: 40%;
    }
}
@media only screen and (max-width : 1050px) {
    [id="block-lyonfr-account-menu"],
    [id="block-lyonfr-account-menu"] .navbar-nav li,
    [id="block-lyonfr-account-menu"] .navbar-right,
    [id="block-lyonfr-account-menu"] .navbar-nav .dropdown-menu{
        min-width: 200px;
    }
}
@media only screen and (max-width : 991px) {
    .mobile_culture_menu {
        display:block;
    }

    .culture .navbar-default.menu .navbar-nav>.active.culture:after {
        top:-10px;
        bottom:initial;
    }

    .bloc-header-liens {
        display: block;
        width:100%;
    }
    /*.bloc-header-liens .lyon-pratique {*/
    /*    display: none;*/
    /*}*/

    [id="block-lyonfr-account-menu"] .navbar-nav .dropdown-menu{
        min-width: 190px;
        margin-left: -171px;
    }
    [id="block-lyonfr-account-menu"],
    [id="block-lyonfr-account-menu"] .navbar-right,
    [id="block-lyonfr-account-menu"] .navbar-nav li
    {
        /*min-width: 20px;*/
		min-width:0px;
    }
    [id="block-lyonfr-account-menu"] .navbar-nav .dropdown{
        background: #FFFFFF;
        height:40px;
    }
    [id="block-lyonfr-account-menu"] ul.navbar-right {
       background: none;
    }
    [id="block-lyonfr-account-menu"] .navbar-nav .dropdown-menu >li {
        padding:0;
    }
    [id="block-lyonfr-account-menu"] .navbar-nav .open .dropdown-menu >li >a{
        color:#FFFFFF;
    }

    .navbar.nav--min .acces-liens .liens-head {
        width: calc(100% - 40px);
        margin-right: 20px;
        margin-left:0px;
    }
	.arrondissement .acces-liens .liens-head{
	   width: inherit !important;
	}
    .navbar.nav--min .container-fluid{
        padding-left:0 !important;
        padding-right: 0 !important;
    }
    [id="block-lyonfr-account-menu"] .navbar-nav .dropdown-toggle{
        color:#FFFFFF;
        width:1px;
        padding-left: 0;
        padding-right: 0;
        height: 44px;
    }
    [id="block-lyonfr-account-menu"] .navbar-nav .dropdown-toggle:before{
        background:url(../images/HEADER-login_rouge.svg) no-repeat #FFFFFF;
        content:"";
        position:absolute;
	width: 20px;
	height:24px;
	margin-left: 0px;
	margin-top:-4px;
    }
    [id="block-lyonfr-account-menu"] .navbar-default .navbar-nav>.open>a:focus,
    [id="block-lyonfr-account-menu"].navbar-default .navbar-nav>.open>a:hover {
        color:#FFFFFF;
        width:1px;
        background: #FFFFFF !important;
    }
    [id="block-lyonfr-account-menu"] .navbar-nav,
    [id="block-lyonfr-account-menu"] .navbar-nav li>a:focus,
    [id="block-lyonfr-account-menu"] .navbar-nav li>a:hover{
        background: #FFFFFF !important;
    }
    [id="block-lyonfr-account-menu"] .navbar-nav{
        font-size: 1px;
    }

	.select-arrondissement ul.nav.flexbox-container, .select-arrondissement ul.nav.flexbox-container > li{
		    padding: 0 0px!important;
	}
	.col-lg-8.col-c {
		padding-right: 0 !important;
	}
	.LAME-lire-aussi{
		padding-top:0;
	}
	section h2 {
		margin-bottom:20px;
	}
	.culture  .container-fluid .navbar-nav>li.sport,
	.culture  .container-fluid .navbar-nav>li.vie-municipale{
		width:100%!important;
	}

}


@media only screen and (max-width :767px) {
	.view-demarches .list-page {
		float: none!important;
	}
	.view-demarches .list-page select{
		margin:0!important;
	}
	.view-demarches .list-page .form-type-select{
		display:block!important;
	}
	.view-demarches .list-page .select-wrapper{
		text-align:center!important;
		display:block;
	}
	.view-demarches .list-page .form-actions.form-group {
		display: block;
		margin: 0 0 10px;
		text-align: center;
	}
	.view-demarches .form-wrapper button{
		margin: 0 auto!important;
	}
	section.demarches{
		margin-bottom:0;
	}
	.path-si-usager .accordeons-account .accordeon-content section.formulaire{
		margin-bottom:0;
	}
	.path-si-usager .accordeons-account .accordeon-content section.formulaire .input-group {
		width:100%;
	}
	.path-si-usager .accordeons-account .accordeon-content section.formulaire .col-lg-2{
		padding:0;
		margin-bottom:0;
	}
	.path-si-usager .accordeons-account .accordeon-content section.formulaire .col-lg-3{
		padding:0;
		margin-bottom:10px;
	}
	.path-si-usager .accordeons-account .accordeon-content section.formulaire .col-lg-1{
		padding:0;
	}
	.path-si-usager .accordeons-account .accordeon-content section.formulaire .form-file{
		padding: 0;
		margin: 0;
	}
	.path-si-usager .accordeons-account .accordeon-content section.formulaire .col-lg-3 .form-type-file .form-file{
		padding:0;
		margin:0;
	}
	.path-si-usager .accordeons-account .accordeon-content section.formulaire .col-lg-3 .input-group .form-group input{
		margin:0;
	}
	.LAME-en-image  .carousel-control {
		top: 24%;
		margin-top: 0;
	}
}




@media only screen and (max-width :550px) {

   /* .navbar.nav--min .acces-liens .liens-head {
        width: 60%;
        margin-right: 20px;
        margin-left:0px;
    }*/

    .bloc-header-liens .btn-rond {
        display:none !important;
    }
	[id="block-lyonfr-account-menu"] .navbar-nav li{
		padding-left: 20px;
	}
	.LAME-en-image  .carousel-control {
		top: 17%;
	}
}

@media only screen and (max-width :350px) {

    .bloc-header-liens #edit-search-api-fulltext {
        width:75%;
    }

}

/* Images pages recherches */
.GROS_TITRE.commissions-municipales .BLOC-image {
    background-image: url(../images/commissions_municipales.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.GROS_TITRE.groupes-politiques .BLOC-image {
    background-image: url(../images/groupes_politiques.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.GROS_TITRE.conseils-arrondissements .BLOC-image {
    background-image: url(../images/conseils_arrondissements.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.GROS_TITRE.actualites .BLOC-image {
    background-image: url(../images/recherche_actualites.jpg);
    background-repeat: no-repeat!important;
    background-position: top center!important;
    background-size: cover!important;
    background-attachment: inherit;
}

.GROS_TITRE.associations .BLOC-image {
    background-image: url(../images/recherche_associations.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.lyonfr-recherche-discours .GROS_TITRE.enfance .BLOC-image {
    background-image: url(../images/recherche-discours-communiques-maire.jpg);
    background-repeat: no-repeat!important;
    background-position: top center!important;
    background-size: cover!important;
    background-attachment: inherit!important;
}

.GROS_TITRE.equipements .BLOC-image {
    background-image: url(../images/recherche_equipement.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.GROS_TITRE.deliberations .BLOC-image {
    background-image: url(../images/recherche_deliberations.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

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

.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: inherit!important;
}

.GROS_TITRE.globale .BLOC-image {
    background-image: url(../images/recherche_globale.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: inherit;
}

.GROS_TITRE.demarches .BLOC-image {
    background-image: url(../images/recherche_demarches.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: inherit;
}
.inlineEquipement {
  position: relative;
}
.inlineEquipement img,
.inlineEquipement .accessibility-text {
  display: inline;
}
span.inlineEquipement{
    display: inline-block;
}

/* SITEMAP MENU */
.content .sitemap-menu ul {
  padding-left: 1.5em;
}
.content > .sitemap-menu > li {
  float:left;
  width:33.33%;
  margin-bottom: 30px;
  min-height: 1250px;
}

.content > .sitemap-menu > li a{
  color:#000;
}

.content > .sitemap-menu > li > a{
  font-weight:bold;
  font-size:1rem;
  display: block;
  background: #ececec;
  margin:0 10px 10px;
  padding:0 10px;
  cursor: pointer;
}

.content > .sitemap-menu > li > a:hover {
    color: #dc1d22;
}
.content > .sitemap-menu > li > ul > li{
  margin-bottom:25px;
}

.content > .sitemap-menu > li:first-child{
  display:none;
}

.content > .sitemap-menu > li > ul > li > a{
  cursor: pointer;
}

.content > .sitemap-menu > li > ul > li > a:hover {
    color: #dc1d22;
}

.content > .sitemap-menu > li > ul > li > ul > li > a{
  cursor: pointer;
}

.content > .sitemap-menu > li > ul > li > ul > li > a:hover {
    color: #dc1d22;
}

.content > .sitemap-menu > li:nth-last-child(2) {
    min-height: 1500px;
}

.content > .sitemap-menu > li:last-child {
    min-height: inherit;
}

/* SITEMAP BLOCK */
.path-sitemap .block .quickedit-field {
  display : block;
}

.path-sitemap .block ul {
    padding-left: 1.5em;
}

.path-sitemap .region-content .block ul:first-child {
    padding-left: 0px;
}

.page-node-type-equipement #carousel-lire-aussi {
    overflow: visible;
    margin-bottom: 50px;
}

.page-node-type-equipement #carousel-lire-aussi {
    overflow: visible;
    margin-bottom: 50px;
}

.path-documents-cm .bloc {
    padding-right: 20px;
}

.path-documents-cm .bloc .field--name-field-nom-document {
    display: initial;
}

.path-documents-cm .bloc .field--name-field-document-type,
.path-documents-cm .bloc .field--name-field-document-publication {
    display: inline-block;
}

.equipement-col-droite {
    margin-bottom: 10px;
}

/* Lien externe */
.lien-externe {
    padding: 0 20px 0px 0px;
    background: url(../images/lien-ext.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 13px 17px;
    width: 16px;
    height: 20px;
    text-decoration: none;
}

.BLOC_sousmenu article.embedded-entity {
  min-height: inherit;
}

.h2_teaser_date_lieu {
  font-weight: 700;
    font-size: 1.1rem;
    text-transform: none;
    border: 0;
    padding-left: 0;
    text-align: left;
    margin: -10px 0px 10px;
}


.rechercher-bloc .line2 .form-type-textfield{
	width:auto;
}


.rechercher-bloc .line2 .label-checkbox-agenda{
	display:inline;
}

.rechercher-bloc .line2 .label-checkbox-agenda .checkbox{
	display:inline;
    margin-right: 10px;
}

.field--name-field-infos-adresse-supp .field--item {
  margin-top: -10px;
  margin-bottom: 10px;
}

.description .bloc_public_vise {
  display: block;
}

/* ARRONDISSEMENT */
/* Fix bug uniquement sur mairie 5 en prod (WTF?) */
body.arrondissement .lyon-pratique > ul {
    padding-left: 0 !important;
}
body.arrondissement {
    margin-top: 0 !important;
}
/* oui c'est moche mais là pas d'autre solution. Désolé... */


/* Evénement lié */
.culture ul.pagination li a,
.culture ul.pagination li a:hover,
.culture ul.pagination li.active a,
.culture ul.pagination li.active a:hover {
    color: #4e6b09;
}

.culture ul.pagination li.active a,
.culture ul.pagination li.active a:hover {
    border-color: #4e6b09;
}

.culture ul.pagination li.pager__item--next a,
.culture ul.pagination li.pager__item--next a:hover,
.culture ul.pagination li.pager__item--previous a,
.culture ul.pagination li.pager__item--previous a:hover {
    background: url(../images/ARROW-lien_vert.svg) no-repeat top left / 29px;
}

section.LAME-content-linked h2 {
    text-align: center;
}

section.LAME-content-linked h2:before {
    content: inherit;
}

/*New*/

section.gris02 {
    background: #f0efec;
    padding: 35px 0;
    position: relative;
    margin-bottom: 0;
}


.lame_dossier{
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
}

.lame_dossier h5 {
    font-size: 1.25rem;
}

.bloc_dossier{
    display: inline-block;
    width:100%;
    height:auto;
    background: #FFFFFF;
    padding:0;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:30px;
}

.picture_dossier{
    display: inline-block;
    width:100%;
    padding:0;
    margin:0;
}

.picture_dossier img{
    display: inline-block;
    width:100%;
    padding:0;
    margin:0;
}

.content_dossier{
    display: inline-block;
    width:100%;
    margin:0;
    padding:20px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #1e1719;
}

.content_dossier p{
    font-weight: 300;
}

.content_dossier h2{
    font-size: 2.4rem;
    font-weight: 400;
}

.content_dossier h5{
    font-weight: 600;
}

.content_dossier ul{
    margin:0;
    padding-left:20px;
    padding-top:0px;
    padding-bottom:0px;
}

.rechercher.evenement.center {
    text-align: center;
}

.culture .rechercher.evenement.center {
    background-color:#638c02;
}

.rechercher.evenement.center .image-center {
    text-align: center;
    margin: 5px;
}

.col-d section h2.dossier-title {
    margin: 0;
}

.end-date {
    font-style: italic;
    color: #dc1d22;
}

/* Blocs de recherche */
/* Démarches */
.demarches-search-bloc .lyon-recherche-demarches .checkbox {
  margin-top: 0;
  margin-bottom: 20px;
}

.demarches-search-bloc .lyon-recherche-demarches .checkbox label  {
  position: initial;
}

.demarches-search-bloc .lyon-recherche-demarches .form-actions .bouton-rechercher button {
  border: 0;
  border-radius: 0;
  background: #dc1d22;
  color: #FFF;
  font-size: 1rem;
  font-weight: 300;
}

.demarches-search-bloc .lyon-recherche-demarches select:focus  {
    outline: solid;
}

/* Logo Ville Durable */
.ville-durable-link {
  padding: 15px 14px;
  margin: 0 0 15px 15px;
  float: right;
}

.ville-durable-link img {
  max-width: 70px;
  height: auto;
}

.navbar-header .arrondissement p.titre{
  margin-bottom: 0px;
}

.paragraph-title-leaflets{
  all: unset;
}

.accessibility-btn{
  border: none;
  background-color: white;
}


/* Newsletter bloc abonnement */
#block-inscriptionnewsletter>div {
  width: 100%;
}

.taxonomy-term-groupe-politique {
  width: 100%;
}