/*
couleur à modifier 
color: #00aeef;

stylise général
*/
section#module-Actualite,
.padding-actu {
    padding-top:2em;
    padding-bottom:2em;
}
.center-elements {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pics-block {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/*
effets d'apparition avec la class .start
*/
.start .loaded{
    opacity: 0;
}
.start .loaded {
  -webkit-animation-name: fadeDown;
  animation-name: fadeDown;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes fadeDown {
  0% {
      opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
      100% {
        opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    }
/*
message Accueil si aucune Actu
*/
.message-aucune-actu {
    text-align: center;
    font-size: 1.2em;
    width:100%;
}
.message-aucune-actu p {
    margin:0;
}
/*
stylise les cartes
*/
#module-Actualite button,
#module-Actualite .btn {
    outline: none!important;
}
#module-Actualite h3 {
    border: none;
    padding: 0;
    margin: 0;
}

#module-Actualite .tags {
    display: inline-block;
    padding: 0.2em 0.6em;
    margin: .2em;
    text-align: center;
    white-space: nowrap;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
}
#module-Actualite .tags:before,
#module-Actualite .tags:after {
    display: none;
}
#module-Actualite .card {
		background-color: #fff;
    border:1px solid #ccc;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    display: block;
    transition: all .5s ease;
    -webkit-transform: translate3d(0,0, 0);
    transform: translate3d(0,0,0);
}

#module-Actualite .card:hover {
    -webkit-transform: translate3d(0,-20px, 0);
    transform: translate3d(0,-20px,0);
}
#module-Actualite .boutonPlus-actu{
		display: block;
    text-align: center;
		margin-top: 10px;

}
#module-Actualite .boutonPlus {
    display: block;
    margin: auto;
    border-radius: 50%;
    background: #313131;
    height: 60px;
    width: 60px;
    position: relative;
    box-shadow: 0 0 0 0px #fff, 0 0 0 5px rgba(0,0,0,.1);
    transition: all .5s ease;
    margin-bottom: 1em;
    -webkit-box-shadow: 0 0 0 0 rgba(52,158,229,.5);
    box-shadow: 0 0 0 0 rgba(52,158,229,.5);
}
#module-Actualite .boutonPlus:before,
#module-Actualite .boutonPlus:after {
    position: absolute;
    content: "";
    background-color: rgba(255,255,255,.5);
    display: block;
    height: 20px;
    width: 2px;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
}
#module-Actualite .boutonPlus:after {
    transform:rotate(90deg);
}
#module-Actualite .center-elements:hover .boutonPlus {
    box-shadow: 0 0 0 5px #fff, 0 0 0 10px rgba(0,0,0,.5);
}
/*
ici pour les backgrounds
*/
.masque {
    padding:0;
    background-color: #f5f5f5;
    overflow: hidden;
    position: relative;
}

.masque:before,
.card img  {
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.item > .masque {
    height:350px;
}
.card img {
	position: relative;
    display: block;
}
/*GESTION de la taille des mminiatures*/


#list-actualites.vue-liste img {
    width: 100%;
}


.card:hover .masque:before {
    opacity: 1;
}
.card:hover img {
    opacity: 0.5;
}
.card-body {
    position: relative;
    z-index: 2;
    padding: 1em;
    top: 0;
    left: 0;
}
.card-body ul,
.card-body ol,
.card-body li  {
    list-style: none;
    padding: 0;
    margin: 0;
}
.card-body ul.infos-actu {
    font-size: .9em;
    font-style: italic;
    position: relative;
    margin-bottom:.5em;
    padding-bottom:.5em;
}
.card-body ul.infos-actu li {
    display: inline-block;
    vertical-align: middle;
}
#texte .card-body ul.infos-actu li:before,
#texte .card-body ul.infos-actu li:after,
.card-body ul.infos-actu li:before,
.card-body ul.infos-actu li:after{
    display: none;
}
.card-body ul.infos-actu li:first-child {
    margin-right: 5px;
}
.card-body ul.infos-actu li:last-child {
    font-weight: bold;
}
.card-body ul.infos-actu:after {
    position: absolute;
    content: "";
    background-color: #ccc;
    height:2px;
    width: 2rem;
    display: block;
    top:100%;
    left: 0;
}

.list_categories {
    max-height: 90px;
    overflow: hidden;
}
/*
    Page "toutes les actus"
*/
#filtre_immo {
    display: inline-block;
}
#filtre_immo .form-group{
	display: inline-flex;
	align-items: center;
}
#filtre_vue {
    height: auto;
    padding: 1em;
		border: none;

} 
#nb_result {
    font-size: 1.2em;
		margin: 0;
}
#filtre_vue .selectpicker {
    padding: .5em;
    border-radius: 4px;
    margin: .5em;
}
#filtre_vue .nav-tabs>li>a {
    margin-right: 2px;
    border: none;
    border-radius: 50%;
    height: 50px;
    color: #696969;
    width: 50px;
    padding: 0;
    text-align: center;
    line-height: 50px;
}
#filtre_vue .nav-tabs {
    display: flex;
    border:none;
    justify-content: center;
}
#view_mode {
    margin: 8px 0;
}
#view_mode li{
    /* float: none; */
    /* display: inline-block; */
    padding: 0;
}
#view_mode li:before,
#view_mode li:after {
    display: none;
}
#filtre_vue .nav-tabs>li.active>a,
#filtre_vue .nav-tabs>li.active>a:focus,
#filtre_vue .nav-tabs>li.active>a:hover {
    color: #fff;
}
#texte .list-tags,
.list-tags {
    display: block;
    text-align: center;
    margin: 1em 0 2em;
	padding: 0;
}
.list-tags li {
    display: inline-block;
}
#texte  #module-Actualite ul.list-tags > li:before,
#module-Actualite ul.list-tags > li:before{
    display: none;
}
.list-tags li a{
    display: block;
    padding:1em;
    position: relative;
    color: rgba(0,0,0,.5);
    border-bottom:1px solid rgba(0,0,0,.1);
}

ul.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.pagination li{
    margin: 0;
    padding: 0;
}
ul.pagination li.first a{
    margin: 0; /*surcharger common-modules.css*/
}
/*************************/
/*********RESPONSIVE******/
/*************************/

/*==========  Mobile First Method  ==========*/
@media only screen and (min-width : 320px) {
    ul.pagination {
        font-size: 2em;
    }
	#vue-liste-accueil img,
	#vue-diapo-accueil img,
	/*.card:not(.vue-liste) img,*/
	.card img {
			width:100%;
	}
	ul.list-categories-actu {
        margin: 0.5em 0;
		text-align: center;
	}
	.nav-actu li:last-child span {
		font-size: 0.8em;
	}
}
@media only screen and (min-width : 480px) {
	.card img {
		top: -100px;
			width:100%;
	}
	.masque {
		height:200px;
	}
}
@media only screen and (min-width: 768px){
    ul.pagination {
        font-size: 1em;
    }
	#module-Actualite .card {
		min-height: 475px;
	}
	.card img {
		top: 0;
	}
    #basic_visual.medium-display {
        height:300px;
    }
	#vue-diapo-texte-accueil .carousel-indicators {
			bottom: -30px;
	}
	ul.list-categories-actu {
		text-align: left;
	}
	.nav-actu {
		padding-bottom: 2em;
	}
	.nav-actu li:last-child {
		font-size: 1.2em;
		position: absolute;
		top: 0;
		right: 0;
	}
	.nav-actu li:last-child span {
		font-size: 1em;
	}
	#module-Actualite .card {
		min-height: 495px;
	}
	#module-Actualite .col-md-3 .titre-mod-actu {
		font-size: 1.2em;
	}
	#module-Actualite .texte-mod-actu {
		font-size: 0.9em;
	}
	.masque:before {
		position: absolute;
		content: "\e003";
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #fff;
		z-index: 2;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		font-size: 3em;
		margin: auto;
		display: block;
		height: 50px;
		width: 50px;
		opacity: 0;
	}

}
@media only screen and (min-width: 992px) {
	#vue-liste-accueil img,
	#vue-diapo-accueil img,
	.card:not(.vue-liste) img {
			height:100%;
	}
	.row-eq-height {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
	}

	.list-tags {
		font-size: 1.1em;
	}
}
@media only screen and (min-width: 992px) and (min-height: 769px){
	#module-Actualite .card {
		min-height: 555px;
	}

}
@media only screen and (min-width: 1200px) {

	/*#module-Actualite .card {
		min-height: 525px;
	}*/
	#module-Actualite .texte-mod-actu {
		font-size: 1em;
	}
	.list-tags li a:after{
		position: absolute;
		content: "";
		height:3px;
		top:100%;
		width: 0;
		left: 0;
		transition: all .5s ease;
	}
	.list-tags li a:hover:after,
	.list-tags li.active a:after{
		width: 100%;
	}
}
@media only screen and (min-width: 1600px) {
    #basic_visual.medium-display {
        height:500px;
    }
}


@media only screen and (max-width : 479px) {
	.home .card-body .btn-default,
	.home .texte-mod-actu{
		display: none;
	}
	
	.form_extranet div {
		width: auto !important;
	}
	.home .masque {
		height: 100px;
	}
	.home .card-body {
		padding: 0.5em;
	}

	.home .card img {
		position: relative;
		display: block;
		margin-top: -60px;
	}
	.home .list_categories {
		display: none;
	}
	.home #module-Actualite h3 {
		font-size: 1em;
	}
}



#module-Actualite .card.vue-liste {
    min-height: auto;
    display: block;
}
#module-Actualite .card.vue-liste:last-child {
    /*border-bottom:none;*/
}

#module-Actualite .card.vue-liste .card-body li {
    display: inline-block;
}
#module-Actualite .card.vue-liste .card-body li:first-child {
    padding-right: 1em;
    border-right: 1px solid rgba(0, 0, 0, 0.33);
    margin-right: 1em;
}
.carousel-indicators li {
    border-color:#349ee5;
}
.carousel-indicators .active {
    background-color: #349ee5;
}
.couverture-actualite {
    height: 300px;
    overflow: hidden;
    position: relative;
    color: #fff;
}
.couverture-actualite > span {
    position: relative;
    z-index: 2;
}
.couverture-actualite img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/*
Page "detail actu"
*/
#basic_visual.medium-display {
	background: none;
    margin-bottom:2em;
	overflow: hidden;
}
#basic_visual.medium-display img {
	position: relative;
	top:-30%;
    width:100%;
}
.nav-actu {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #e2e2e2;
}
.nav-actu li{
    display: inline-block;
    vertical-align: middle;
    padding:0;
	margin-bottom: 1em;
}
#texte  #module-Actualite ul.nav-actu > li:before,
#module-Actualite ul.nav-actu > li:before{
    display: none;
}
.nav-actu li a {
    display: block;
}
.nav-actu li:first-child {

}

.nav-actu li:last-child i{
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    font-size: 1.5em;
    height: 1.5em;
    width: 1.5em;
    background-color: #e2e2e2;
    text-align: center;
    overflow: hidden;
    line-height: 2.1em;
    margin-right: .5em;
}
.nav-actu li:last-child span{
    text-transform: uppercase;
}
/*.padding-actu ul {
    padding: 0;
}*/
.padding-actu li {
    list-style: none;
}
#texte .padding-actu li {
    list-style: none;
}

.padding-actu li:before {
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #0072bc;
    margin-right: 6px;
}
/* LOADER  */
#module-Actualite #loader{
	display:none;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 3em auto;
	float: none;
	text-align:center;
}
#module-Actualite #loader:before, #module-Actualite #loader:after{
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #349ee5;
}
#module-Actualite #loader:before{
    z-index: 100;
    animation: spin 1s infinite;
}
#module-Actualite #loader:after{
    border: 10px solid #ccc;
}
@keyframes spin{
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* end LOADER  */