/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */




















/*****************liste**************/
.cls-liste ul {
  list-style-type: none;
  padding-left: 0;
}
.cls-liste li {
    display: flex;
	margin-bottom: 10px;
}
.cls-liste  li::before {
  content: "\f15c";
  font-family: 'FontAwesome';
  margin-right: 10px;
}
.cls-liste li::before {
  color: #8d2224;
  font-size: 18px;
}
/***********************************/
.mobile_menu_bar:before {
    color: #8d2224;
}
.et_mobile_menu {
    border-top: 3px solid #8d2224;
}
.cls-menu-footer ul  {
    display: flex;
    justify-content: center;
}
.cls-menu-footer li {
    padding: 0 10px;
}
.et-l--footer .cls-liste-menu p {
    border-right: 1px solid #292929;
}
.et-l--footer .cls-liste-menu p {
    border-right: none;
}
.cls-liste-menu p:last-child {
    border: none;
}
.cls-liste-menu p {
 
    padding: 10px;
    border-right: 1px solid #d3d3d3;
}

#top-menu li li a {
    width: 246px;
}
#top-menu li li {
    padding: 0 0px;
}
.nav li ul {
    width: 246px;
}
.cls_pb_code .et_pb_column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	border-radius: 0 0 20px 20px;
}
.cls_pb_code ul li {
    display: inline-block;
    width: 100%;
  padding: 8px;
    text-align: center;
}
  .cls_pb_code ul li i {
    color: #ffff;
}
  .cls_pb_code ul li a {
    width: 100%;
    position: relative;
    display: block;
}
.cls_pb_code li {
   border:1px solid #fff;
   background: #646464;   
}
.cls_pb_code li:hover {
   background: #8d2224;
}
.cls_pb_code ul {
	display: flex; 
	justify-content: space-evenly; padding: 0;
}

@media only screen and (min-width: 980px){
.cls-liste-menu .et_pb_text_inner {
    display: flex;
    justify-content: center;
}
}
/***********fixed Tel************/
h2 {
    line-height: 30px;
}
.btn1{
    top: 40%;
}
.btn3 {
    top: 53%;
}
.btn2{
    top: 46.5%;
}
.fixed-button {
	position: fixed;
    right: 0px;
    color: #fff;
    text-decoration: none;
    z-index: 9;
    border-radius: 3px 0 0 3px;
	transition: opacity 1s ease;
	display: flex;
    align-items: stretch;
}
.fixed-button:hover .phone-number {
    opacity: 1;
}
.icon-phone {
    background: #8d2224;
    padding: 20px;
	width: 50px;
}
.phone-number {
    opacity: 0;
    font-size: 16px;
    margin-left: 10px;
    background: rgb(141 34 36 / 95%);
    padding: 14px 20px;
    transition: all 0.3s cubic-bezier(0.4,0,1,1);
}
.fixed-button:hover .phone-number {
  display: inline;
}

@media only screen and (max-width: 767px){
.phone-number {
    padding: 10px 20px;
	    display: none;
}
	.icon-phone {
	width: 40px;
}
.icon-phone {
    padding: 15px;
}
.cls-menu-footer ul {
	display:block;
    text-align: center;
}
.et_pb_section_0 {
    padding-bottom: 70px !important;
}
.btn2 {
    top: 47.5%;
}
.btn3 {
    top: 55%;
}
}


/***************lire plus**************/
 details{
  display:inline;
}
details {
  position:relative;
}
details summary {
	color: #333;
    display: block;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 600;
	/*padding-top: 10px;*/
}
details summary:focus {
  outline:none;
}
details[open] {
  display:block;
  padding-bottom:25px;
  /*padding-top:10px;*/
  animation: open .2s linear;
}
details[open] summary {
  position:absolute;
  bottom: 0;
  left:0;
}
details[open] #close {
    position: relative;
    top: 15px;
    padding-bottom: 10px;
	
}
details #open{padding-left:5px;text-align:center;}
details #open:after{
		display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 8px;
    content: '\f107';
    font-family: 'FontAwesome';
}
	details #close:after {
    display: inline-block;
    position: relative;
    top: 0px;
    margin-left: 10px;
    content: '\f107';
    font-family: 'FontAwesome';
    transform: rotate(180deg);
}
details[open] #open{display:none;}
details #close{display:none;}
details[open] #close{display:block;}
::-webkit-details-marker {display: none;}
@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
details[open] summary {
    width: 100%;
}
/**********Fin lire plus***********/





.class-btn {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
@media only screen and (max-width: 1440px){
.class-btn .et_pb_button.et_pb_more_button {
    margin-right: 15px !important;
    font-size: 13px;
}

}

/**********/
.class-axelle .cls_phone:hover a i:before {
    content: "081/243.93.62";
}
.class-axelle .cls_email:hover a i:before {
    content: "axelle.pettiaux@vellut-nameche.be";
    font-size : 10px;
}

.class-dufour .cls_phone:hover a i:before {
    content: "081/243.93.62";
}
.class-dufour .cls_email:hover a i:before {
    content: "axelle.pettiaux@vellut-nameche.be";
	 font-size : 10px;
}

.class-ridelle .cls_phone:hover a i:before {
    content: "081/24.93.48";
}
.class-ridelle .cls_email:hover a i:before {
    content: "marie.ridelle@vellut-nameche.be";
    font-size : 10px;
}


.class-BRASSEUR .cls_phone:hover a i:before {
    content: "02/883.11.90";
}
.class-BRASSEUR .cls_phone2:hover a i:before {
    content: "0473/23.05.85";
}
.class-BRASSEUR .cls_email:hover a i:before {
    content: "gaetan.brasseur@vellut-nameche.be";
    font-size : 10px;
}


.class-BRICHARD .cls_phone:hover a i:before {
    content: "081/24.93.59";
}
.class-BRICHARD .cls_phone2:hover a i:before {
    content: "0474/34.06.65";
}
.class-BRICHARD .cls_email:hover a i:before {
    content: "jonathan.brichard@vellut-nameche.be";
    font-size : 10px;
}


.class-vincent .cls_phone:hover a i:before {
    content: "081/24.93.61";
}
.class-vincent .cls_phone2:hover a i:before {
    content: "0472/06.28.77";
}
.class-vincent .cls_email:hover a i:before {
    content: "vincent.vangeel@vellut-nameche.be";
    font-size : 10px;
}


.class-dorian .cls_phone:hover a i:before {
    content: "081/24.93.46";
}
.class-dorian .cls_phone2:hover a i:before {
    content: "0471/73.34.22";
}
.class-dorian .cls_email:hover a i:before {
    content: "dorian.bougelet@vellut-nameche.be";
    font-size : 10px;
}


.class-florence .cls_phone:hover a i:before {
    content: "081/24.93.45";
}
.class-florence .cls_email:hover a i:before {
    content: "florence.clarinval@vellut-nameche.be";
    font-size : 10px;
}


.class-arcila .cls_phone:hover a i:before {
    content: "02/313.30.31";
}
.class-arcila .cls_email:hover a i:before {
    content: "nataly.arcilareina@vellut-nameche.be";
    font-size : 10px;
}


.class-Patricia .cls_phone:hover a i:before {
    content: "081/24.93.47";
}
.class-Patricia .cls_email:hover a i:before {
    content: "patricia.vanwinckel@vellut-nameche.be";
    font-size : 10px;
}

.class-ERIC .cls_phone:hover a i:before {
    content: "081/24.93.44";
}
.class-ERIC .cls_email:hover a i:before {
    content: "eric.lehanne@vellut-nameche.be";
    font-size : 10px;
}

.class-CORENTIN .cls_phone:hover a i:before {
    content: "081.24.93.43";
}
.class-CORENTIN .cls_phone2:hover a i:before {
    content: "0472/03.57.07";
}
.class-CORENTIN .cls_email:hover a i:before {
    content: "corentin.bougelet@vellut-nameche.be";
    font-size : 10px;
}

.class-CHANTAL .cls_phone:hover a i:before {
    content: "081/24.93.40";
}
.class-CHANTAL .cls_email:hover a i:before {
    content: "chantal.jacobs@vellut-nameche.be";
    font-size : 10px;
}

.class-EMMANUELLE .cls_phone:hover a i:before {
    content: "081/24.93.41";
}
.class-EMMANUELLE .cls_email:hover a i:before {
    content: "emmanuelle.lefebvre@vellut-nameche.be";
    font-size : 10px;
}

.class-CAROLINE .cls_phone:hover a i:before {
	 content: "081/24.93.55";
}
.class-CAROLINE .cls_email:hover a i:before {
    content: "caroline.bersez@vellut-nameche.be";
    font-size : 10px;
}
	
.class-marc .cls_phone:hover a i:before {
	 content: "081/24.93.55";
}
.class-marc .cls_phone2:hover a i:before {
	 content: "0475/92.69.92";
}
.class-marc .cls_email:hover a i:before {
    content: "marc.deplaie@vellut-nameche.be";
    font-size : 10px;
}

.class-JONAS .cls_phone:hover a i:before {
	 content: "0479/28.66.02";
}
.class-JONAS .cls_phone2:hover a i:before {
	 content: "081/24.93.54";
}
.class-JONAS .cls_email:hover a i:before {
    content: "jonas.christophe@vellut-nameche.be";
    font-size : 10px;
}


.class-sebastien .cls_phone:hover a i:before {
	 content: "081/24.93.49";
}
.class-sebastien .cls_phone2:hover a i:before {
	 content: "0475/98.11.24";
}
.class-sebastien .cls_email:hover a i:before {
    content: "sebastien.stockbroeckx@vellut-nameche.be";
    font-size : 10px;
}



.class-joelle .cls_phone:hover a i:before {
	 content: "081/24.93.52";
}
.class-joelle .cls_email:hover a i:before {
    content: "joelle.pauwels@vellut-nameche.be";
    font-size : 10px;
}



.class-Jean .cls_phone:hover a i:before {
	 content: "081/24.93.53";
}
.class-Jean .cls_phone2:hover a i:before {
	 content: "0479/99.14.47";
}
.class-Jean .cls_email:hover a i:before {
    content: "jean-michel.jozeau@vellut-nameche.be";
    font-size : 10px;
}


.class-Olivier .cls_phone:hover a i:before {
	 content: "081/24.93.50";
}
.class-Olivier .cls_phone2:hover a i:before {
	 content: "0475/87.87.34";
}
.class-Olivier .cls_email:hover a i:before {
    content: "olivier.nameche@vellut-nameche.be";
    font-size : 10px;
}



.class-Laurent .cls_phone:hover a i:before {
	 content: "081/24.93.51";
}
.class-Laurent .cls_phone2:hover a i:before {
	 content: "0475/40.60.54";
}
.class-Laurent .cls_email:hover a i:before {
    content: "laurent.nameche@vellut-nameche.be";
    font-size : 10px;
}