/*
 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
------------------------------------------------------- */
/***************lire plus**************/

 details{
  display:inline;
}

details {
  position:relative;
}

details summary {
 color: #A7A7A7;
    display: block;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 500;
 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: 10px;
}

details #open{padding-left:5px;text-align:center;}

details #open:after{
 display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 8px;
    content: '\e867';
    font-family: "mfn-icons";
}

 details #close:after {
    display: inline-block;
    position: relative;
    top: 0px;
    margin-left: 10px;
    content: '\e867';
    font-family: "mfn-icons";
    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);
  }
}
/*Fin lire plus*/
/***************************************/
.carte {
    background-color: #fff !important;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
}

.carte:hover {
    background-color: #fff !important;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

#top-menu li.current-menu-item>a {
    color: #e81909 !important;
}

#top-menu a {
	color: #000;
}

a {
    color: #e81909;
}

div#et_top_search {
    display: none !important;
}

.mobile_menu_bar:before {
	color: #000000 !important;
}
/******************média*********************/
@media only screen and (max-width: 1840px) and (min-width: 1700px){
	.class-mrg1 {
    margin-top: 62px !important;
}
}

@media only screen and (max-width: 1699px) and (min-width: 1500px){
	.class-mrg1 {
    margin-top: 72px !important;
}
}

@media only screen and (max-width: 1499px) and (min-width: 1300px){
	.class-mrg1 {
    margin-top: 100px !important;
}
}

@media only screen and (max-width: 1299px) and (min-width: 1200px){
	.class-mrg1 {
    margin-top: 117px !important;
}
}

@media only screen and (max-width: 1199px) and (min-width: 768px){
.class-col1 {
    width: 100% !important;
}
	
	.marg-texte1 {
    margin-bottom: 248px !important;
}
	
	.marg-btn1 {
    margin-top: -13px !important;
}
	
	.padd-tab1 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
	
	.padd-tab2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
	
	.marg-tab3 {
    margin-top: 147px !important;
}
	
	.marg-tab4 {
    margin-top: -43px !important;
}
}

@media only screen and (max-width: 1240px) and (min-width: 1139px){
	.marg-tab2 {
    margin-top: 110px !important;
}
}

@media only screen and (max-width: 1138px) and (min-width: 981px){
	.marg-tab2 {
    margin-top: 216px !important;
}
}

@media only screen and (max-width: 980px) and (min-width: 768px){
	.class-disp-tab {
		display: none !important;
	}
	
	.marg-tab5 {
    margin-top: -47px !important;
}
	
	.marg-left-btn {
    margin-left: 132px !important;
}
	
	.marg-righ-btn {
    float: left !important;
}	
	.box-tab {
    box-shadow: none !important;
}	
	.box-tab {
    box-shadow: none !important;
    margin-top: -103px !important;
}	
	.padd-tab-left {
    padding-left: 25px !important;
    padding-right: 25px !important;
	margin-bottom: 0px !important;
}	
	.img-marg {
    margin-top: -385px !important;
}	
	.texte-deco {
    font-size: 160px !important;
}
	span.texte-deco2 {
    font-size: 125px !important;
}
	h3.text-deco1 {
    font-size: 90px !important;
}
	
	.marg-pad6 {
    margin-top: -31px !important;
}
	
	.padd-tab1 {
    padding-left: 90px !important;
    padding-right: 90px !important;
}
	
	.mg-mid2 {
    padding-top: 0px !important;
    margin-top: -58px !important;
}
	
	.mg-mid3 {
    margin-top: 308px !important;
}
	
	.mg-mid4 {
    margin-top: -36px !important;
    margin-bottom: -48px !important;
}
	.mg-mid1 {
    margin-top: -100px !important;
}
	
	.marg-mid5 {
    margin-bottom: -80px !important;
}
	
	.cont-tab {
    margin-bottom: 43px !important;
}
	.mb-tab-footer {
    padding-top: 0px;
}
	
	.mg-mid6 {
    margin-top: 7px !important;
}
	
	.marg-serv {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
	
	.texte-deco-mob {
    font-size: 170px !important;
    margin-left: 45px !important;
}
	
	.hiet1 {
    min-height: 0px !important;
}
	.pad-riet {
    padding-right: 18px !important;
}
	
	.pad-left {
    padding-left: 43px !important;
}
	.mg-texte-deco {
    margin-left: -258px !important;
    margin-bottom: -57px !important;
}
	
	.mg-mid7 {
    margin-top: 174px !important;
}
}

@media only screen and (min-width: 768px){
	.class-mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 767px){
	.class-slider {
		display: none !important;	
	}
	
		.class-disp-tab {
		display: none !important;
	}
	
	.marg-tab5 {
    margin-top: -78px !important;
}
	
	.marg-left-btn {
    margin-left: 132px !important;
}
	
	.marg-righ-btn {
    float: left !important;
}	
	.box-tab {
    box-shadow: none !important;
}	
	.box-tab {
    box-shadow: none !important;
    margin-top: -103px !important;
}	
	.padd-tab-left {
    padding-left: 25px !important;
    padding-right: 25px !important;
	margin-bottom: -20px !important;
	padding-top: 0px !important;
    margin-top: -6px !important;
}	
	.img-marg {
    margin-top: -385px !important;
}	
/* 	.texte-deco {
    font-size: 160px !important;
}
	span.texte-deco2 {
    font-size: 125px !important;
}
	h3.text-deco1 {
    font-size: 90px !important;
} */
	
	.marg-pad6 {
    padding-top: 14px !important;
	padding-bottom: 14px !important;
}
	
	.padd-tab1 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
	
	.mg-mid2 {
    padding-top: 0px !important;
    margin-top: -58px !important;
}
	
	.mg-mid3 {
    margin-top: 308px !important;
}
	
	.mg-mid4 {
    margin-top: -36px !important;
    margin-bottom: -48px !important;
}
	.mg-mid1 {
    margin-top: -166px !important;
}
	
	.marg-mid5 {
    margin-bottom: -97px !important;
}
	
	.cont-tab {
    margin-bottom: 43px !important;
}
	.mb-tab-footer {
    padding-top: 0px;
}
	
	.mg-mid6 {
    margin-top: 7px !important;
}
	
	.marg-serv {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
	
	.texte-deco-mob {
    font-size: 170px !important;
    margin-left: 45px !important;
}
	
	.hiet1 {
    min-height: 0px !important;
}
	.pad-riet {
    padding-right: 18px !important;
}
	
	.pad-left {
    padding-left: 43px !important;
}
	.mg-texte-deco {
    margin-left: -258px !important;
    margin-bottom: -57px !important;
}
	
	
	.titre-mobile {
    color: #fff !important;
    font-family: "Bellefair" !important;
    font-size: 34px !important;
    line-height: 40px;
    background-color: #00000075 !important;
    padding: 20px 15px;
}
	.class-mobile {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
	h2 {
		    font-size: 33px !important;
	}
	
	.sepa2 {
    height: 355px !important;
    margin-bottom: 29px !important;
    border-width: 11px !important;
}
	.mob1 {
    margin-top: 0px !important;
    margin-bottom: -32px !important;
}
	
	.mob2 {
		display: none !important;
	}
	.mob3 {
		display: none !important;
	}
	
	.mob4 {
    min-height: 1016px !important;
}
	
	.mob5 {
    margin-bottom: -21px !important;
}
	
	.mob6 {
    padding: 19px 0px !important;
}
	.box-mob {
    box-shadow: 10vw 0px 0px 0px #efefef !important;
}
	.mob8 {
    min-height: 744px !important;
}
	
	.mg-mid7 {
    margin-bottom: -120px !important;
    transform: translateX(0px) translateY(-120px) !important;
}
	
	.class-fixed {
    margin-bottom: -120px !important;
    transform: translateX(0px) translateY(-120px) !important;
    margin-top: -131px !important;
}
	h1 {
		font-size: 40px !important;
	}
	
	.hed-mob-cont {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}
	
	.marg-tab4 {
    margin-top: -80px !important;
}
	
	.form-mob {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
}
	
	.hed-mob-serv {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}
}