.main-accueil{
    font-size: 18px;
}
.encadreslider{
position:relative;
width:100%;
height:400px;
margin:0px auto;
}
 .legende{
    position: absolute;
    bottom: 0px;
    right: 3px;
    background-color: rgba(153, 51, 0, 0.5);
    font-size: 29px;
    color: rgb(255, 255, 255);
    padding: 30px;
    min-width: 250px;
    text-align: center;
}
 .slidetexte{
position: absolute;
top: 15px;
background-color: rgba(255, 255, 255,0.5);
color: rgb(153, 51, 0);
font-size: 19px;
padding:5px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: #fff !important}

.col-lg-8 .outer-img-actu{ height:  475px; overflow: hidden}

.col-lg-4 .outer-img-actu{ height: 178px; overflow: hidden}

.outer-img-actu img {min-height: 100%}

.form-banner input.search:hover, .form-banner input.search:focus, .two-bloc .col-lg-6:first-child .in-footer a:hover, .two-bloc .col-lg-6:first-child .in-footer a:focus{ background-color:#9293a1; color: #fff; outline: none; border: none}

.content-bann-centre a:hover, .two-bloc .col-lg-6:last-child .in-footer a:hover, .two-bloc .col-lg-6:last-child .in-footer a:focus{ background-color: #d62d1d; color: #fff}

.slick-prev.slick-arrow:hover > span, .slick-next.slick-arrow:hover > span{ color: #d62d1d !important}

.out-social-media ul li a:hover:after{ background-color: #d62d1d}

.form-banner input.search, .content-bann-centre a, .two-bloc .col-lg-6:first-child .in-footer a, .out-social-media ul li a:after{-webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -transition: all 350ms ease-in-out;}

::-webkit-input-placeholder { /* Edge */
  color: #000 !important;
  opacity: 1
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000 !important;
  opacity: 1

}

::placeholder {
  color: #000 !important;
  opacity: 1

}


/*slick*/

.slider {
        width: 100%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 10px;
    }

	.slick-slide .img, .slick-slide > div{ width: 426px; height:  426px}

	.slick-slide .img{display: flex !important; justify-content: center}

	.slick-slide .img img{ height: 100%; width: auto !important}

    .slick-slide .img .icon-hover-zoom{ width: 36px; height:51px; margin-bottom: 10px}

    .slick-slide .img .icon-hover-zoom img{width:100%}


    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
    }

    .slick-current {
      opacity: 1;
    }


.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-prev.slick-arrow{ left: -56px}

.slick-next.slick-arrow{ right: -56px}


#effect-1{ position: relative; padding-left: 0}

.slick-prev.slick-arrow span{transform: rotate(90deg); color: #9293a1 !important;
display: block;}

.slick-next.slick-arrow span{transform: rotate(-90deg); color: #9293a1 !important;
display: block;}

.slick-arrow{
width: 85px;
height: 85px;
background-color: rgba(242,242,244, 0.9);
display: flex;
align-items: center;
justify-content: center;
background-image: none;
border: none;
z-index: 10;
position: absolute; top: 40%;
}


.avis-slider .slick-arrow{
	top: inherit
}

.avis-slider.slick-slider{
	display: flex;
	align-items:  center
}

.carousel-index{ display: none;}

.overlay a:hover{ color: #d62d1d}

.effects .img img{max-width: none}

/*slick*/


.nom-commune{ position:absolute; top:0px; right: 0px; left: 0; font-size: 16px; text-transform: uppercase; color:#FFF; text-align: center; background-color:#d62d1d; padding: 10px 20px; font-weight: 700; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out}


#effect-1 .img.hover  .nom-commune{-webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out; transform: translateY(-50px)}

.form-banner input.search{width: 205px}

.creer-alerte{margin-top: 25px}

.creer-alerte a{
width: 205px;
border-radius: 45px;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
border: none;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
margin: auto;
background-color: #9293A1;
	color: #fff;
}

.creer-alerte a span{color:#fff}

.creer-alerte a:hover{ background-color: #d62d1d; color: #fff}

.form-banner .d-flex.justify-content-between{max-width: 480px; margin: auto}

.actu-section h5{font-size: 23px}

.actu-section .col-lg-8{padding-right: 25px}

.actu-section .col-lg-4{padding-left: 25px}

.ico-home img{ width: 38px !important; height: 51px !important; margin: auto}


.avis-top{
	flex: 1 1 100%;
	text-align: right
}

.info-avis{margin-top: 20px}

.avis-slider{margin:25px auto 50px auto; max-width:  480px;}

.avis-slider .slick-slide > div{margin: auto; height:  auto}

.avis-slider .slick-arrow{ width: 40px; height:  40px}

.avis-slider .slick-arrow span{ font-size: 10px}

.avis-slider .slick-next.slick-arrow span{text-indent: 5px}

.avis-bloc iframe{margin-top: 25px}

.avis-slider .slick-track{ display: flex; align-items:  center}


@media(max-width:1365px){
	.bx-wrapper img{ width: 100%} 
	.carousel-index .bx-wrapper{ max-width: 883px !important; margin:auto auto 50px auto}
	.slick-slide > div { width: auto}
	.slick-prev.slick-arrow{ left:15px}
	.slick-next.slick-arrow{ right:15px}
	.avis-slider .slick-prev.slick-arrow{ left:-56px}
	.avis-slider .slick-next.slick-arrow{ right:-56px}

	

}


@media(max-width: 1080px){
.col-lg-8 .outer-img-actu{ height:  auto; overflow: hidden}
.col-lg-4 .outer-img-actu{ height: auto; overflow: hidden}
	.outer-img-actu img {min-height: inherit}
}

@media(max-width: 992px){
   .carousel-index .bx-wrapper{ max-width: 426px !important; margin:auto auto 50px auto}

}


@media(max-width: 892px){
	.form-banner ul li{ width: 90%; margin:auto; margin-bottom: 15px}
	.form-banner ul li input, .form-banner ul li:nth-child(3) .select, .form-banner ul li:nth-child(2) .select{ width: 100%}
	.form-banner ul{ text-align:center}

}

@media(max-width: 860px){
/*		.slick-slide .img img{width: 100% !important; height: auto !important}
*/	.slick-slide .img, .slick-slide > div {
    width: auto;
}
}


@media(max-width: 768px){
	.form-banner h1{ font-size: 25px; text-align:center}
	.form-banner ul{ margin-bottom: inherit}
	.outer-slidebanner .bx-wrapper img{ min-height: 390px}
	.out-ban-center{ overflow:hidden}
	.out-ban-center img{ width:auto !important; height: auto}
	.content-bann-centre h4{ font-size: 25px; text-shadow: 1px 1px 1px #000000}
	.actu-section{ padding: 40px 10px}
	.slick-arrow{ width: 35px; height: 35px}
	.bx-wrapper .bx-pager{ display:none}
	.bx-wrapper .banner_page_slide img{ width: auto !important; height: 660px !important; max-width: inherit}
	.bx-wrapper .banner_page_slide{diplay: flex; justify-content: center}
	.actu-section .col-lg-8, .actu-section .col-lg-4{padding-left: inherit; padding-right: inherit}
	.avis-slider .slick-arrow{ bottom: -8px; top: inherit}
	.avis-slider .slick-prev.slick-arrow{ left:15px}
	.avis-slider .slick-next.slick-arrow{ right:15px}


	
}

@media(max-width: 540px){
	.carousel-index .bx-wrapper .bx-controls-direction a.bx-prev{left: 0}
	.carousel-index .bx-wrapper .bx-controls-direction a.bx-next{right: 0}
	.carousel-index .bx-wrapper .bx-controls-direction a{ width: 50px; height:  50px}
	.form-banner .d-flex.justify-content-between{ flex-direction:  column}


}