/*
- CSS GENERALISTE

- CONTAINERS GENERAUX

- HEADER CONTAINER
- TOP CONTAINER
- CENTRE CONTAINER
- FOOTER CONTAINER

- HEADER CONTENT
- TOP CONTENT
- CENTRE CONTENT
- FOOTER CONTENT

*/
/**
.col- Extra small < 576px
.col-sm- Small ≥576px
.col-md- Medium ≥768px
.col-lg- Large ≥992px
.col-xl- Extra large ≥1200px
*/

/**************************************
 CSS GENERALISTE
**************************************/


@import url('https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700,800&display=swap');


@font-face {
	font-family: 'icomoon';
	src: url('font/icomoon/icomoon.eot');
	src:
	url('font/icomoon/icomoon.eot#iefix') format('embedded-opentype'),
	url('font/icomoon/icomoon.woff') format('woff'),
	url('font/icomoon/icomoon.otf') format('opentype'),
	url('font/icomoon/icomoon.ttf') format('truetype'),
	url('font/icomoon/icomoon.svg#Conv_icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.row-eq-height{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

}

body{ position:relative; font-family: 'Barlow', sans-serif; font-weight:400; margin:0px; background:white; font-size:19px; overflow-x:hidden; color:#9293a1}

.middle-row .h1{ text-transform: uppercase; font-weight: 300; font-size: 20px; color:#d62d1d}
.middle-row .h1{ position:relative}
.middle-row .h1:before,  .middle-row .h1:after{ content:""; width: 11px; height: 11px; background:url('/kassets/cssimg/site/bar.png') no-repeat center; position:relative; display: inline-block}
.middle-row .h1:before{ top:-10px; left: -12px !important}
.middle-row .h1:after{bottom: -10px; right: -13px;}

.middle-row { padding: 25px 0 30px 0}

.social-media{ color:#9293a1; font-size: 16px; text-transform: uppercase; flex-wrap:  wrap ; justify-content:  center}

/*.top-header{ border-bottom: 1px solid #ceced5}
*/
.top-header .col-lg-12 ul li a{ text-transform: uppercase; color:#FFF; font-size: 16px; display: block; background-color:#b8b8c3; padding: 6px 25px; font-weight:500;  display: flex; align-items:center ;
   }

.top-header .col-lg-12 ul li a:hover>span {
	-webkit-animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


@-webkit-keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

.top-header .col-lg-12 ul li a:hover{background-color:#d62d1d}

.top-header .col-lg-12 ul li:last-child a{background-color:#d62d1d}

.top-header .col-lg-12 ul li:last-child a:hover{background-color:#b8b8c3}

.footer ul li:first-child a, .footer ul li:nth-child(4) a{color: #d62d1d}

.footer ul li:first-child a:hover, .footer ul li:nth-child(4) a:hover{color:#9293a1}

.top-header .col-lg-12 ul li a:hover span
{   -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/}

.top-header .col-lg-12 ul{ justify-content: flex-end}

.top-header  .col-lg-12 ul li{ border-left: 1px solid #FFF; list-style: none}

.social-media p, .social-media ul{ display: inline-block; vertical-align:middle; font-weight:500}

.social-media ul li a{ display: block}

.social-media ul li a span{ color:#FFF; font-size: 14px; display: block; position:relative}

.social-media ul li a span:after {
    content: "";
    position: relative;
    top: -23px;
    left: -10px;
    right: 0;
    bottom: 0;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 33px;
    background-color: #9293a1;
    z-index: -1;
}
.social-media ul li{ margin:auto auto auto 5px}

#header-wrapper li{ list-style: none}

html{overflow-x:hidden }

.container{ max-width: 1365px; width: 100%; margin:auto}

#debdrag{ display: flex; }



a { color:#9293a1; text-decoration:none; outline:none; /*vire le pointillé autour du lien */ }
a:hover		{ text-decoration:none; }
a:focus		{  }
a:active		{  }
a:visited	{  }

h1, h2, h3, h4, h5, h6, ul, p, li { font-weight:normal; margin:0; padding:0 }

.bx-wrapper{ border: none; box-shadow: none}

.bx-wrapper .bx-pager-item{ margin-left: 5px}

.overlay-slide{ position:absolute; z-index:8; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0); -webkit-transition: all 350ms ease-in-out; display: flex; align-items:center ;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out}

.overlay-slide:hover{background: rgba(0,0,0,0.75)}

/*accueil*/

.slidebanner{ position:relative}

.banner_page_slide{ border-left: 1px solid #FFF; border-right: 1px solid #FFF}

.outer-slidebanner .bx-wrapper .bx-pager.bx-default-pager a { width: 14px; height: 14px; background-color:#FFF; border:4px solid #FFF; border-radius: 14px}

.outer-slidebanner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background-color:#FFF; border-color: #d62d1d}

.outer-slidebanner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom: 50px; z-index: 100}

.outer-slidebanner{ position:relative;}

.form-banner{ position:absolute; top:0; left:0; display: flex; align-items:center; justify-content:center; z-index: 1; right:0; bottom:0; flex-direction: column}

.form-banner h1{ font-weight: 700; font-size: 45px; text-transform: uppercase; color:#FFF; margin-bottom: 55px; position:relative}

.form-banner h1:after{ content:""; width: 90px; height: 5px; background-color:#FFF; left:0; right:0; bottom: -25px; position: absolute; margin:auto}

.form-banner ul{ margin-bottom: 88px}

.form-banner ul li{ list-style: none; display: inline-block; vertical-align:middle; margin-left: -2px}

.form-banner ul li input{ background-color: #FFF; border: none; height: 56px; width: 322px;  font-size: 17px; color:#000000; padding: 0 15px}

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

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

}

::placeholder {
  color: #9293a1 !important;
  opacity: 1

}
.form-banner ul li .select select{background-color: transparent; border: none; height: 56px; width: 120%; cursor: pointer; position: relative; z-index: 2}

.form-banner ul li .select{ background-color: #FFF; height:56px; font-size: 17px; color:#000000; overflow:hidden; padding: 0 15px; position: relative;}

.form-banner ul li:nth-child(2) .select{ width: 214px}

.form-banner ul li:nth-child(3) .select{ width: 245px}

.form-banner ul li .select:after{content:"\e900"; top: 23px; right: 20px; font-size: 10px; color:#d62d1d; font-family: 'icomoon'; position:absolute}

.select select{ cursor: pointer}

.form-banner input[type="search"]{ font-weight: 700; color:#FFF; font-size: 16px; text-transform: uppercase; padding: 16px 0px; background-color:#d62d1d; border-radius: 25px; text-transform: uppercase; border: none; margin:auto; width:auto; height:auto; text-align:center; cursor: pointer}
.form-banner input.search{ font-weight: 700; color:#FFF; font-size: 16px; text-transform: uppercase; padding: 16px 43px; background-color:#d62d1d; border-radius: 25px; text-transform: uppercase; border: none; margin:auto; width:auto; height:auto; text-align:center; cursor: pointer}

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

.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}

.two-bloc .col-lg-6 .in-footer a, .contact-top a, .button-submit, input#btnSimulation
{-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;}

.effects {
  padding-left: 15px;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;
  overflow: hidden;
}
.effects .img:nth-child(n) {
  margin-right: 30px;
}
.effects .img:first-child {
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(214, 45, 29, 0.85);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

#effect-1 .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-1 .overlay a.expand {
  left: 0;
  right: 0;
  bottom: 50%;
  margin: 0 auto -30px auto;
}
#effect-1 .img.hover .overlay {
  height: 100%;
}


#effect-1 .img.hover .ico-home{-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(100px)}

#effect-1 .img.hover .alert-new{-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: translateX(250px)}

.overlay{ align-items:center; justify-content:center; color:#FFF; flex-direction: column}

.overlay .like-h3{ font-size: 30px; font-weight: 600; margin-bottom: 89px; position:relative}

.overlay span{ font-size: 50px; text-indent: 20px; display:block; margin-bottom: 5px }

.overlay .like-h3:after{ content:""; width: 90px; height: 5px; background-color:#FFF; left:0; right:0; bottom: -38px; position: absolute; margin:auto}

.region{ font-weight: 700; font-size: 25px; text-transform: uppercase; text-align: center; line-height: 25px; margin: 0}

.text-overlay{ font-size: 25px; line-height: 30px; max-width: 250px; margin:0 auto; text-align:center; margin-bottom: 42px}

.overlay a{ font-size: 16px; color:#9293a1; font-weight: 700; padding: 14px 25px; background-color:#FFF; border-radius: 25px; text-transform: uppercase}

.titre-cap{ font-size: 45px; text-transform:uppercase; color:#d62d1d; margin: auto auto 90px auto; font-weight: 300; position:relative; text-align:center; max-width: 340px }

.titre-cap:after{ content:""; position:absolute; left:0; right:0; margin:auto; width: 88px; height: 5px; background-color:#d62d1d; bottom: -30px}

.alert-new{ position:absolute; top:48px; right: 0px; font-size: 15px; text-transform: uppercase; color:#fff; background-color:#9293a1 ; 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}

.ico-home{ position:absolute; left:0; right:0; bottom:0; width: 90px; height: 90px; background-color:#d62d1d; margin:auto; 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}


.ico-home span{ font-size: 52px; color:#FFF; text-indent:30px}

.carousel-index .bx-wrapper{ max-width: 1365px !important; margin-bottom: 90px}

.carousel-index .bx-wrapper .bx-controls-direction a{ text-indent:inherit; width: 85px; height: 85px; background-color: rgba(242,242,244, 0.9); display: flex; align-items:center; justify-content:center; background-image: none}

.carousel-index .bx-wrapper .bx-controls-direction a:hover{background-color: rgba(242,242,244,1);}

.carousel-index .bx-wrapper .bx-controls-direction a span{color:#9293a1; font-size: 25px}

.carousel-index .bx-wrapper .bx-controls-direction a.bx-prev span{ transform: rotate(90deg); display: block}

.carousel-index .bx-wrapper .bx-controls-direction a.bx-prev{ left: -60px}

.carousel-index .bx-wrapper .bx-controls-direction a.bx-next span{ transform: rotate(-90deg); display: block}

.carousel-index .bx-wrapper .bx-controls-direction a.bx-next{ right:-60px}

.out-ban-center{ position:relative; margin-bottom: 90px}

.content-bann-centre{ position:absolute; top:0; left:0; bottom: 0; right:0; display: flex; justify-content:center; align-items:center; flex-direction:column}

.content-bann-centre h2{ text-transform: uppercase; color:#FFF; font-size: 45px;  margin-bottom: 45px; max-width: 435px; text-align:center; line-height: 45px}

.content-bann-centre a{ font-size: 16px; text-transform: uppercase; color:#9293a1; font-weight: 700; background-color: #FFF; border-radius: 25px; padding: 13px 25px;  border: none;  }

.actu-section{ padding: 40px 100px; background-color:#f5f5f7; margin-bottom: 85px}

.actu-section h3{ font-size: 23px; color:#9293a1; font-weight: 300; margin-bottom: 5px}

.actu-section h6{ font-size: 19px; color:#70717f; font-weight:700}

.actu-section p{ font-size: 19px; color:#70717f; line-height: 22px}

.in-actu img{ margin-bottom: 10px}

.actu-section .col-lg-12:first-child{ margin-bottom: 15px}

.actu-section .col-lg-12 p{ max-height: 45px; overflow: hidden}


/*footer*/

.two-bloc{ color:#FFF; margin-left: -15px; margin-right: -15px}

.two-bloc .col-lg-6 .in-footer{padding: 40px 36px 30px 36px}

.two-bloc .col-lg-6 a{
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
background-color: #FFF;
border-radius: 25px;
padding: 16px 0;
border: none;
width: 200px;
display: inline-block;
	text-align: center
}

.two-bloc .like-h4{ font-size: 32px; text-transform: uppercase; color:#FFF; max-width: 415px; margin:auto auto 18px auto;}

.two-bloc p{ font-size: 20px; color:#FFF; margin:auto auto 27px auto; font-weight: 600}

.two-bloc .col-lg-6:first-child .in-footer{ background: #d62d1d url('/kassets/cssimg/site/calculette.jpg') no-repeat bottom right}

.two-bloc .col-lg-6:first-child .in-footer a{ color:#d62d1d}

.two-bloc .col-lg-6:last-child .in-footer{ background: #9293a1 url('/kassets/cssimg/site/grille.jpg') no-repeat bottom right}

.two-bloc .col-lg-6:last-child .in-footer a{ color:#9293a1}

.footer{ background-color:#f2f2f4; position:relative; margin-top:0px;  padding: 115px 0 0; margin-top:-55px}

.top-footer{ position:relative; z-index: 1}

.footer h3{ color:#9293a1; font-weight: 700; font-size: 16px; text-transform: uppercase; margin-bottom: 20px}

.footer ul li{ list-style: none}

.footer ul li a{ font-size: 16px; color:#9293a1; font-weight: 500; text-transform: uppercase}

.footer .col-lg-3:first-child, .footer .col-lg-2{ flex:content}

.footer .col-lg-2{ max-width: 278px}

.social-media p{margin-right: 10px;}

.social-media p, .social-media ul{ font-weight: 400; font-size: 16px; color:#9293a1}

.out-social-media ul li a{ position:relative; z-index:0}

.out-social-media ul li a:after{ content:""; position:absolute; top: 2px; left: -5px !important; width: 20px; height: 20px; border-radius: 20px; background-color:#9293a1; z-index: -1}

.out-social-media ul li a span:after{ display: none}

.out-social-media ul li a span{ font-size: 10px; color:#FFF}

.out-social-media ul li{ margin:auto auto auto 10px}

.out-social-media .d-flex.justify-content-end ul{ margin-left: 10px}

/*.out-social-media{ margin-bottom: 12px}
*/
.block-link{ display: inline-block; background-color:#9293a1; padding: 10px 15px; color:#FFF; text-transform: uppercase; margin-bottom:10px; margin-left: 20px}

.out-social-media p{ text-transform: uppercase; font-size: 16px; color:#9293a1; font-weight:400; margin-right: 10px; line-height: 30px}

.footer a.block-link:hover{ text-decoration: none; background-color:#d62d1d; color:#FFF}

.footer a:hover{ color:#d62d1d}

.bottom-footer, .bottom-footer a{font-size: 15px; font-weight:400; color:#9293a1}

.bottom-footer{border-top: 1px solid #c7c7cf; padding: 20px 0;}

.middle-footer{ padding-bottom: 42px; align-items: flex-end; position: relative}

/*produit*/

#map{ height: 415px}

.list-check{ display: inline-block; vertical-align:middle; margin-right: 50px}

.list-check input[type=checkbox]:not(old):checked + label{
background: url('/kassets/cssimg/site/check.jpg') no-repeat left bottom;  height  :14px;
}

.list-check label{ font-size:18px; color:#26445d; line-height: 12px}

.list-check  input[type=checkbox]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background: url('/kassets/cssimg/site/check.jpg') no-repeat left top;  height  :14px;
  cursor: pointer;
  padding-bottom: 0px;
  font-size:15px;
  color:#26445d;
  line-height: 12px !important; font-weight:400; margin-bottom:0

}

.list-check input[type=checkbox]{
	display: none
}

.left-map form{ text-align:center}

.left-map{ width: 568px; flex: inherit; max-width:inherit}

.right-map{ width: 782px; flex: inherit; max-width:inherit; background-color:#ebebeb}

.outer-form-top{ padding: 17px 35px}

.outer-form-top .select{ width: 100%; display: inline-block}

.outer-form-top .select{ height: 55px; background-color:#FFF; overflow: hidden}

.outer-form-top .select select{ width: 100%; background-color: transparent; font-size: 19px; font-weight:400; color:#9293a1; border: none; height: 55px; padding: 0 10px; -moz-appearance: none;-webkit-appearance: none; background: url("/kassets/cssimg/site/arrow_down.png") no-repeat right center; background-size: 25px}

.outer-form-top .padding-2{ padding-left:2px}

.outer-form-top input{ border: none; height: 55px; background-color: #fff; width: 100%; margin-bottom: 4px; padding: 0 15px}

.padding-2-r{ padding-right:2px}

/*.outer-form-top .select select:after
{content: "\e900"; right: 0; font-size: 10px; color: #d62d1d; font-family: 'icomoon'; position: absolute; background-color: #fff; top: 0; bottom: 0; width: 40px; display: flex; align-items: center; justify-content: center;; z-index: 1}
*/
.outer-form-top .select{ position:relative}

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

.paginationh {
    display: block;
    float: right;
    padding: 0;
    margin: 40px 0 40px 0;
    background-color: #fff;
    width: 100%;
    position: relative;
    left: 20px;
}
.paginationh a {
    font-size: 14px;
    color: #9293a1;
    float: left;
    padding: 5px 13px;
    margin-right: 5px;
    text-decoration: none;
    border: 1px solid #ddd;
	display: inline-block;
	margin-bottom: 5px
}
.paginationh a.active {
    border: none;
    color: #fb6028;
}

#map .gm-style .gm-style-iw-c{ border-radius:0; width: 217px; height: auto}

#map .gm-style .gm-style-iw-c a{ color:#d62d1d; font-weight: 300; font-size: 19px}

#map .gm-style .gm-style-iw-c span{ font-weight:700; font-size: 19px; color:#70717f; line-height:19px}

#map .gm-style .gm-style-iw-c p{ font-size: 14px; font-weight: 300; color:#70717f; padding: 0 }

#map .gm-style img{ width: 100%; margin-bottom: 10px}

#map .gm-style .gm-style-iw-c p.titre-produit-map, #map .gm-style .gm-style-iw-c p.desc-produit-map{ padding: 0 20px}

.gray-bloc .row{ width: 100%; position: relative}


#galerie .bx-wrapper .bx-controls-direction a {
    background-image: none;
    text-indent: inherit;
    width: 90px;
    height: 90px;
    background-color: rgba(242,242,244,0.9);
    display: flex;
    justify-content: center;
    align-items: center;
}

#galerie .bx-wrapper .bx-controls-direction a.bx-prev span, .galerie .bx-wrapper .bx-controls a.bx-next span{ display: block; color:#9293a1; font-weight: 700}

#galerie .bx-wrapper .bx-controls-direction a.bx-prev span{ transform: rotate(90deg)}

#galerie .bx-wrapper .bx-controls-direction  a.bx-prev{ left: -55px}

#galerie .bx-wrapper .bx-controls-direction  a.bx-next span{ transform: rotate(-90deg)}

#galerie .bx-wrapper .bx-controls-direction  a.bx-next{ right: -55px}

#galerie .bx-wrapper .bx-pager.bx-default-pager a{ text-indent:inherit; background-color: transparent; font-size: 14px; color:#F00}

.absolute-link{ top: 0; bottom:0; left: 0; right: 0; position: absolute}

.carousel-index .absolute-link{ z-index: 10; background-color:  transparent}

.pageGroup- #main-1{padding: 25px 0}

.pageGroup- #main-1 h3{    font-size: 18px;
    color: #d62d1d;
}

.link-footer{display: flex; justify-content: flex-start; flex-direction: row}

.link-footer li{margin-right: 25px}

.scroll-to-top{margin-right: 32px; top: -20px; position: relative;}

.icon-arrow-up2{ font-size: 25px}

.icon-envelop:before {
  content: "\e98b";
}

.icon-flash:before {
  content: "\eb33";
  color: #fff;
}

.flash-texte{font-size: 21px;  color: #fff; font-weight: 700; line-height: 21px; margin-left: 20px; text-transform:  uppercase; position: relative; top: -2px}

.icon-flash{font-size: 50px; color: #70717F}

.out-social-media  ul{ top: -3px; position: relative}

.flash-info{ background-color: #B8B8C3; padding:12px 15px; margin: 0 auto 2px auto}

#menuZone{margin-bottom: 2px; padding: 0}

.in-flash{width: 100%; max-width: 1130px; margin: auto}

.in-flash p{ font-size: 17px; color: #FFFFFF; line-height: 19px; margin-bottom: 0}

.in-flash .col:first-child{flex: 0 1 210px}

.in-flash .col:last-child{ padding-left: 0}

.in-flash .row{ padding-left: 0; padding-right: 0}

.in-flash .row{ flex-wrap: wrap}

marquee{color:#fff}

.form-banner ul li .select{padding: 0}

.form-banner ul li .select select{width: 100%; padding: 0 15px;   -webkit-appearance: none;  -moz-appearance: none;}

.bottom-footer a:after{content: "|";
display: inline-block;
vertical-align: middle;
margin-left: 3px;
position: relative;
top: -4px;}

.bottom-footer a:last-child:after{display: none}

.icon-habitation2:before {
  content: "\eb34";
}
.icon-jardin:before {
  content: "\eb35";
}
.icon-parcelle .path1:before {
  content: "\eb36";
  color: rgb(255, 255, 255);
}
.icon-parcelle .path2:before {
  content: "\eb37";
  margin-left: -0.7080078125em;
  color: rgb(213, 47, 39);
}
.icon-bureau .path1:before {
  content: "\eb38";
  color: rgb(255, 255, 255);
}
.icon-bureau .path2:before {
  content: "\eb39";
  margin-left: -0.7080078125em;
  color: rgb(213, 47, 39);
}

.icon-terrain:before {
  content: "\e910";
}



@media(max-width:1480px){
	.two-bloc .col-lg-6 .in-footer{ min-height: 350px; height: 100%}
	.row_header{margin-left: -8px; margin-right: -8px}
	.two-bloc p{font-size: 16px; max-width: 350px}
	.two-bloc .col-lg-6 .in-footer{padding: 40px 36px}
	.fixed-panel{display:none}

}

@media(max-width: 1100px){
.scroll-to-top{display: none}
	.middle-footer	.col-lg-3{margin-bottom: 25px}

}



@media(max-width:1365px){
	.link-footer{ flex-wrap: wrap}
	.link-footer li{ flex: 1 1 30%}
}


@media(max-width: 1140px){
	#debdrag, .row.row_header.top-header{ display: inherit}
	.top-header .col-lg-12 ul { margin-top: 70px;}
	.social-media{ padding-right: 30px}
	.social-media p, .middle-row h1::before, .middle-row h1::after{ display: none}
	.h1.h1_texte{ margin-top: 0 !important}

}

@media(max-width: 992px){
	.logo{ margin-bottom: 25px}
	 .social-media ul{ justify-content:center; margin-top: 25px;}
	 .top-header .col-lg-12 ul li a{ padding: 6px}
	 .top-header .col-lg-12 ul li a span{ display: none}
	 .top-header .col-lg-12 ul{justify-content:center;  flex-wrap: wrap}
	 #header-wrapper li{flex: initial;}
	 .top-header .col-lg-12 ul li a{ justify-content:center}
	 .out-social-media{ margin-top: 15px}
	#header-wrapper li{border-bottom: 1px solid #fff}
	.middle-row { padding: 25px 15px 30px 15px;	}
	.content-bann-centre h4{margin-bottom: 25px; font-size: 32px; line-height: 32px}
	.actu-section h5{font-size: 20px; line-height: 25px}
}


@media(max-width: 767.67px){
	.in-flash .row .col:first-child{width: auto; flex: auto}
	.in-flash .row .col{padding: 15px}
	.in-flash .row{ flex-direction: column}

}
@media(max-width: 767px){
  .in-flash .row .col:first-child{width: auto; flex: auto}
  .in-flash .row .col{padding: 15px}
  .in-flash .row{ flex-direction: column}
}
@media(max-width: 480px){
	.link-footer li{ flex: 1 1 100%}
	#header-wrapper .top-header .col-lg-12 ul li:nth-last-child(3), .top-header .col-lg-12 ul li:nth-last-child(2){flex:50% !important}
	#header-wrapper .top-header .col-lg-12 ul li:last-child{flex:100% !important}


}


@media (max-width: 768px){
	.social-media{justify-content: center !important}

	.left-map, .pop-section{display: none}

	.fixed-panel{display: none}

/*	.main, .bottom-accueil, .outer_footer2, .bottom_footer{ overflow-x:hidden !important}
*/
	  table#miyazaki caption { background-image: none; }
/*  table#miyazaki thead { display: none; }
*/  table#miyazaki tbody td, table#miyazaki thead th {
    display: block; padding: .6rem; text-align:center
  }

  .tpl-catalogue .table_product table tr{ border: none}

	.two-bloc .col-lg-6 .in-footer{height: auto}

  table#miyazaki thead th {     background-color:#d62d1d;font-size: 16px; font-weight: 700;color: #FFF;  border-bottom: 1px solid #FFF; width: 100%}

  table#miyazaki tbody tr td:first-child, table#miyazaki thead tr th:first-child {
	background-color: #d62d1d ;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
  }

  .titre-produit-table {
    color: #fff;
}

	.footer .col-lg-2{max-width: none}

	table#miyazaki tbody td:before, table#miyazaki thead th:before {
    content: attr(data-th);
    font-weight: bold;
    display: inline-block;
    width: 100%;
  }

	.two-bloc .col-lg-6 .in-footer{ margin-bottom: 15px}

}

.link{
  margin-left: 32px;
}
.titre{
  font-size: 19px;
  font-weight: 400;
}


.fixed-panel{position: fixed; top: 43%; right: -139px; transform: rotate(-90deg); z-index: 10}

.fixed-panel ul{padding-left: 0; display: flex}

.fixed-panel ul li a{font-size: 18px; color: #fff; cursor: pointer; text-transform: uppercase; font-weight: 400; padding: 5px 15px; font-weight: 500; display: block; background-color: #8b909e; border-radius: 10px 10px 0 0;}

.fixed-panel ul li a:hover, .fixed-panel ul li:first-child a{ background-color: #db372c; text-decoration:  none}

.fixed-panel ul li:first-child a:hover{background-color: #8b909e;}


.fixed-panel ul li{ border-right: 2px solid #fff; border-radius: 10px 10px 0 0; list-style:  none}

.fixed-panel ul li:last-child{border-right: none}

.italic-font {
    font-style: italic;
    font-size: 16px;
}

.texte .encart a, .btn-rouge {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    /*background-color: #d62d1d;
    border-radius: 25px;
    padding: 16px 0;
    border: none;
    width: 200px;
    display: inline-block;
	color: #fff;*/
	-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;
    color: #d62d1d;
}

/*.texte .encart a:hover,*/ .btn-rouge:hover
{
background-color: #9293a1;
color: #fff;
outline: none;}


#frmSimulation{
    flex-direction: row-reverse
}


.link-label{
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
width: auto;
margin-top: 13px;
    margin-right: 25px;
}

.link-label label{
    text-align: left;
    width:  auto;
}

.link-label input{
    margin-bottom: 5px !important;
    margin-right: 15px;
}

/*accordion*/
.acc {
  margin: 0 auto;
  max-width: 800px;
}
.acc__card {
  margin: 0;
  position: relative;
}
.acc__title {
  background: #fff;
  box-shadow: 0 0 20px rgba(154, 154, 154, 0.2);
  color: gray;
  cursor: pointer;
  padding: 1em 1.5em;
  position: relative;
  text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.acc__title:after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #4a6e78;
    border-bottom: 1px solid #4a6e78;
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    content: " ";
    transform: rotate(-45deg);
    display: block;
    transition: all 0.2s ease-in-out;
  }
.acc__title.active:after {
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
  }

.acc__panel {
  background: #fff;
  color: gray;
  display: none;
  margin: 0;
  padding: 2em;
  text-align: left;
}


/*Fil ariane*/

.breadcrumbs{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding:0;
    margin: 25px 0 0;
}

.breadcrumbs li{
    list-style: none;
    color: #d62d1d;
    font-size: 16px
}

.breadcrumbs li:after{
    content:"";
    width: 10px;
    height: 2px;
    background-color: #9293a1;
    display: inline-block;
    margin: auto 10px 3px 10px;
}

.breadcrumbs li:last-child:after{
    display: none;
}

.breadcrumbs li a{
    text-decoration: none;
    color: #9293a1;
    font-size: 16px;
}

.breadcrumbs li a:hover{
    text-decoration: underline;
}

.btn-contact-modal {
    font-weight: 700;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    padding: 16px 43px;
    background-color: #d62d1d;
    border-radius: 25px;
    text-transform: uppercase;
    border: none;
    margin: auto;
    width: auto;
    height: auto;
    text-align: center;
    cursor: pointer;
}
.btn-contact-modal:hover{ 
    background-color: #9293A1; 
    color: #fff;
}
#kmodale{
    position: absolute;
    top: 126.075px;
    left: 0;
    right: 0;
    z-index: 102;
    margin: auto;
    width: 90%;
    background-color:    #fff;
    text-align: center;
	max-width: 540px;
	padding:  15px
}
#kmodale {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.53);
    padding-bottom: 0 !important;
    top: 120px !important;
}