/*
 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: #fff;
    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 #open.arrow_carrot-right:after {
    font-family: 'ETmodules';
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 8px;
    content: "\35";
}
details #close.arrow_carrot-right:after {
    font-family: 'ETmodules';
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 8px;
    content: "\35";
    transform: rotate(-90deg);
}
 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*/

/**********************************/
/***********Stylebtnsidetel**********/
.fixed-pos {
 right: 0;
 position: fixed;
 top: 35%;
 z-index: 999999;
}ul.et_social_icons_container {
 padding-left: 0 !important;
}
ul.et_social_icons_container li {
 position: relative;
 width: 67px;
 overflow: hidden;
 text-align: center;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 transition: all 0.3s;
 -moz-transition: all 0.3s;
 -webkit-transition: all 0.3s;
}
ul.et_social_icons_container li {
 left: 0;
}
.et_social_facebook {
 background-color: #15890f;
}
ul.et_social_icons_container li a {
 color: #ffff;
}
ul.et_social_icons_container a {
 display: block;
 padding: 12px 5px 12px;
 float: left;
 width: 100%;
 height: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
ul.et_social_icons_container li:hover {
 width: 190px;
}
ul.et_social_icons_container li a:hover {
 color: #fff;
}
.et_social_facebook:hover {
 background: #000;
}
ul.et_social_icons_container li a i {
 font-size: 21px !important;
}
ul.et_social_icons_container li a:hover {
 font-size: 21px;
}
ul.et_social_icons_container li a {
 font-size: 0;
}
ul.et_social_icons_container li {
 border-top-left-radius: 30px !important;
 border-bottom-left-radius: 30px !important;
}
div#top_bar {
 display: none;
}
a.et_social_share {
 padding-bottom: 5px !important;
}
a.et_social_share:hover {
padding-bottom: 12px !important;
}
ul.et_social_icons_container li a:hover {
 font-size: 21px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 transition: all 0.3s;
 -moz-transition: all 0.3s;
 -webkit-transition: all 0.3s;
}
/*li.et_social_facebook i {
 transform: rotate(90deg);
}*/
ul.et_social_icons_container li a {
 text-decoration: none;
}
/*********fin tele********/

.class-img2 {
    margin-bottom: -120px !important;
}

.carte {
    background-color: #0060ac5c !important;
    padding: 35px 25px !important;
}
.img {
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}
.dico h2:before {
    content: "";
    display: block;
    background-color: #15890f !important;
    width: 149px !important;
    height: 9px !important;
    margin-bottom: 19px !important;
}
.class-none {
	display: none !important;
}

.dico2 h3:before {
    content: "";
    display: block;
    background-color: #15890f !important;
    width: 149px !important;
    height: 9px !important;
    margin-bottom: 19px !important;
}
.dico3 h3:before {
    content: "";
    display: block;
    background-color: #15890f !important;
    width: 90px !important;
    height: 9px !important;
    margin-bottom: 19px !important;
}
#top-menu li.current-menu-item>a {
    color: #15890f !important;
}

/********************média***********************/

@media only screen and (max-width: 1262px) and (min-width: 1100px){
	.class-hiet1 {
    height: 685px !important;
}
}

@media only screen and (max-width: 1099px) and (min-width: 1040px){
	.class-hiet1 {
    height: 725px !important;
}
}
@media only screen and (max-width: 1039px) and (min-width: 981px){
	.class-hiet1 {
    height: 740px !important;
}
	h1 {
		    font-size: 37px !important;
	}
	h2 {
		    font-size: 30px !important;
	}
}

@media only screen and (max-width: 980px) and (min-width: 768px){
	.class-block {
    display: block !important;
    height: 412px !important;
}
	.class-hiet1 {
    height: auto !important;
	padding-bottom: 13px !important;
}
	.hiet2 {
    height: auto !important;
	padding-top: 0px !important;
}
	.class-img2 {
    margin-bottom: -60px !important;
}
	.tb-mg1 {
    margin-bottom: -77px !important;
}
	.tb-mg2 {
    margin-bottom: -74px !important;
}
	.carte {
    background-color: #0060ac5c !important;
    padding: 35px 25px !important;
    font-weight: 600 !important;
}
	.tb-info {
    border-bottom-color: #d6d6d6 !important;
    border-bottom-width: 2px !important;
    padding-bottom: 25px !important;
	border-right-width: 0px !important;
}
	.tb-mg3 {
    margin-top: -73px !important;
    margin-bottom: -38px !important;
}
	.tb-mg4 {
    padding-bottom: 0px !important;
    margin-bottom: -29px !important;
}
}

@media only screen and (max-width: 767px){
	span.title-mob {
    color: #15890f !important;
    font-size: 32px !important;
}
	h1 {
    font-size: 30px !important;
}
	h2 {
    font-size: 26px !important;
}
	.class-block {
    display: block !important;
    height: 218px !important;
}
	.class-hiet1 {
    height: auto !important;
	padding-bottom: 13px !important;
}
	.hiet2 {
    height: auto !important;
	padding-top: 0px !important;
}
	.class-img2 {
    margin-bottom: -60px !important;
}
	.tb-mg1 {
    margin-bottom: -77px !important;
}
	.tb-mg2 {
    margin-bottom: -74px !important;
}
	.carte {
    background-color: #0060ac5c !important;
    padding: 35px 25px !important;
    font-weight: 600 !important;
}
	.tb-info {
    border-bottom-color: #d6d6d6 !important;
    border-bottom-width: 2px !important;
    padding-bottom: 25px !important;
	border-right-width: 0px !important;
}
	.tb-mg3 {
    margin-top: -73px !important;
    margin-bottom: -38px !important;
}
	.tb-mg4 {
    padding-bottom: 0px !important;
    margin-bottom: -29px !important;
}
	.mb-mg1 {
    padding-top: 18px !important;
    padding-bottom: 31px !important;
}
	.mb-mg2 {
    padding-top: 17px !important;
    padding-bottom: 28px !important;
}
	.mb-cont {
    padding-bottom: 0px !important;
}
	.mb-mg3 {
    padding-top: 12px !important;
}
	p.title {
    font-size: 30px !important;
}
	.mb-mg4 {
    padding-top: 21px !important;
    padding-bottom: 25px !important;
}
	.mb-mg5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
	.tb-info img {
    width: 52px !important;
}
	.tb-mg4 {
    padding-top: 18px !important;
}
	.mb-footer {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
	h3 {
    font-size: 22px !important;
}
	.mb-mg6 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
}