/*
Theme Name:     MRO
Theme URI:      https://entoiledefond.com
Template:       Divi
Version:        1.0
*/

.centrer-v {
  display: flex;
  flex-direction: column;
  justify-content: center;

/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}

.align-middle {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
    align-items: center;
	-webkit-align-items: center;
}

.align-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: flex-end;
      -ms-flex-pack: flex-end;
}

.et-menu-nav li.mega-menu>ul>li.hidden>a:first-child {
	visibility:hidden;
}
.et_mobile_menu .first-level > a {
background-color: transparent;
position: relative;
}
.et_mobile_menu .first-level > a:after {
font-family: 'ETmodules';
content: '\4c';
font-weight: normal;
position: absolute;
font-size: 16px;
top: 13px;
right: 10px;
}
.et_mobile_menu .first-level > .icon-switch:after{
content: '\4d';
}
.second-level {
display: none;
}
.reveal-items {
display: block;
}
.et_mobile_menu {
margin-top: 20px;
}


@media (max-width: 768px) {
	.et_mobile_menu li li {
		padding-left:0;
	}
	.et_mobile_menu li a {
		padding: 5px 0%;
	}
}
	
	


.txtCenter {
	text-align:center;
}
.trait-separateur {
	border-color: #ffffff;
    border-style: solid;
    width: 25px;
    border-bottom-width: 1px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 10px;
    position: relative;
}
.et_pb_section {
    position: relative;
    background-color: rgba(255,255,255,0)!important;
}

.money .percent-value:after {
	content:"M €";
	font-size:.7em;
}

.element-liste:hover .et_pb_text_inner {
	transition:color 300ms ease 0ms,padding 300ms ease 0ms;
}
.element-liste:before {
	content: '';
    position: absolute;
    left: 0;
	top:12px;
	height:1px;
	width:5px;
	background-color:#fad514;
	transition:width 300ms ease 0ms;
}
.element-liste:hover:before {
	width:15px
}	

.bouton-simple {
	border-bottom: solid 1px #dedede!important;
}
.bouton-simple:hover .et_pb_text_inner {
	transition:color 300ms ease 0ms,padding 300ms ease 0ms;
}
.bouton-simple:before {
	content: '';
    position: absolute;
    left: 0;
	top:22px;
	height:1px;
	width:0;
	background-color:#fad514;
	transition:width 300ms ease 0ms;
}
.bouton-simple:hover:before {
	width:15px
}	
.bouton-simple .et_pb_text_inner:before {
	content:'';
	border: solid #353535;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 6px;
    position: absolute;
    right: 6px;
   top: 4px;
	transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
	transition:border-color 300ms ease 0ms;
}
.bouton-simple:hover .et_pb_text_inner,
.bouton-simple:hover .et_pb_text_inner:before {
	color:#fad514;
	border-color:#fad514;
}

/* Personnalisation module Toggle Divi */
.et_pb_toggle_title:before {
    content: "\4c";
		transition: transform 0.3s;
    transform: rotate(0deg);
}
.et_pb_toggle_open .et_pb_toggle_title:before {
	content: "\4c";
    transform: rotate(135deg);
}

/* personnalisation Diaporama Divi */
.et_pb_slider {overflow:visible!important}
.et_pb_slide {
	padding:0;
}
.et_pb_slider_container_inner {
	direction:rtl;
}
.et_pb_slider_container_inner > div {
	direction:ltr;
}
.et_pb_slide_with_image .et_pb_slide_description {
	float:left;
}
.et_pb_bg_layout_dark .et_pb_slide_description {
	text-shadow:none;
}
/* flèches de navigation du diaporama */
.et-pb-arrow-next {right:0; opacity:1}
.et-pb-arrow-prev {left:-60px; opacity:1}
.et_pb_slider:hover .et-pb-arrow-prev {left:-60px!important; opacity:1}
.et_pb_slider:hover .et-pb-arrow-next {right:0px!important; opacity:1}
.dr-slider .et-pb-slider-arrows .et-pb-arrow-prev:before {    font-size: 30px;    content: "\23";} 
.dr-slider .et-pb-slider-arrows .et-pb-arrow-next:before {    font-size: 30px;    content: "\24";}


/*image gallery item aspect ratio landscape 16:6*/
.pa-image-gallery-16-6 .et_pb_image {
	position: relative;
    display: block;
}
.pa-image-gallery-16-6 .et_pb_image_wrap {
  padding-top: 37.5%;
  display:block;
}
.pa-image-gallery-16-6 .et_pb_image_wrap img {
  position: absolute;
  height: 100%;
  width: 100%!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*image gallery item aspect ratio landscape 16:9*/
.pa-image-gallery-16-9 .et_pb_image {
	position: relative;
    display: block;
}
.pa-image-gallery-16-9 .et_pb_image_wrap {
  padding-top: 56.25%;
  display:block;
}
.pa-image-gallery-16-9 .et_pb_image_wrap img {
  position: absolute;
  height: 100%;
  width: 100%!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*image gallery item aspect ratio portrait 3:4*/
.pa-image-gallery-3-4 .et_pb_image {
	position: relative;
    display: block;
}
.pa-image-gallery-3-4 .et_pb_image_wrap {
  padding-top: 112.4%;
  display:block;
}
.pa-image-gallery-3-4 .et_pb_image_wrap img {
  position: absolute;
  height: 100%;
  width: 100%!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*image gallery item aspect ratio portrait 4:3*/
.pa-image-gallery-4-3 .et_pb_image {
	position: relative;
    display: block;
}
.pa-image-gallery-4-3 .et_pb_image_wrap {
  padding-top: 75%;
  display:block;
}
.pa-image-gallery-4-3 .et_pb_image_wrap img {
  position: absolute;
  height: 100%;
  width: 100%!important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.imgSavoirPlus {
  position: relative;
  display: block;
  overflow: hidden;
  padding:0;
  margin:0;
  background: #700877;
  background: -moz-linear-gradient(90deg, #333333 0%, #000000 100%, #ff2759 100%);
  background: -webkit-linear-gradient(90deg, #333333 0%, #000000 100%, #ff2759 100%);
  background: linear-gradient(90deg, #333333 0%, #000000 100%, #ff2759 100%);
}

.imgSavoirPlus img,
.imgSavoirPlus:before,
.imgSavoirPlus:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.imgSavoirPlus img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}



.imgSavoirPlus:hover img,
.imgSavoirPlus.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}

.imgSavoirPlus:hover:before,
.imgSavoirPlus.hover:before,
.imgSavoirPlus:hover:after,
.imgSavoirPlus.hover:after {
  opacity: 1;
}

.imgSavoirPlus img:after {
	content:attr(data-title);
	padding: 3px 3px 3px 3px;
  margin-top: 4px;
  background: #000;
  position: absolute;
  left:0;
  z-index: 9999;
  color: #fff;
}

.imgSavoirPlus .owl-item {
	position: absolute;
    left: 20px;
    bottom: 20px;
    padding: 20px;
    background-color: #fad514;
    z-index: 1;
    max-width: calc(100% - 40px);
}

.imgSavoirPlus .owl-item {
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    -webkit-transition: -webkit-clip-path .3s cubic-bezier(.785,.135,.15,.86) 0s;
    transition: -webkit-clip-path .3s cubic-bezier(.785,.135,.15,.86) 0s;
    -o-transition: clip-path .3s cubic-bezier(.785,.135,.15,.86) 0s;
    transition: clip-path .3s cubic-bezier(.785,.135,.15,.86) 0s;
    transition: clip-path .3s cubic-bezier(.785,.135,.15,.86) 0s,-webkit-clip-path .3s cubic-bezier(.785,.135,.15,.86) 0s;
}

.imgSavoirPlus:hover .owl-item {
	clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    -webkit-transition: -webkit-clip-path .3s cubic-bezier(.63,.24,.26,.91) .1s;
    transition: -webkit-clip-path .3s cubic-bezier(.63,.24,.26,.91) .1s;
    -o-transition: clip-path .3s cubic-bezier(.63,.24,.26,.91) .1s;
    transition: clip-path .3s cubic-bezier(.63,.24,.26,.91) .1s;
    transition: clip-path .3s cubic-bezier(.63,.24,.26,.91) .1s,-webkit-clip-path .3s cubic-bezier(.63,.24,.26,.91) .1s;
}

.imgSavoirPlus .owl-item h3 {
    opacity: 0;
	padding-bottom:4px;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);
    -webkit-transition: opacity .2s cubic-bezier(.29,.21,0,.97) .2s,-webkit-transform .3s cubic-bezier(.29,.21,0,.97) .2s;
    transition: opacity .2s cubic-bezier(.29,.21,0,.97) .2s,-webkit-transform .3s cubic-bezier(.29,.21,0,.97) .2s;
    -o-transition: transform .3s cubic-bezier(.29,.21,0,.97) .2s,opacity .2s cubic-bezier(.29,.21,0,.97) .2s;
    transition: transform .3s cubic-bezier(.29,.21,0,.97) .2s,opacity .2s cubic-bezier(.29,.21,0,.97) .2s;
    transition: transform .3s cubic-bezier(.29,.21,0,.97) .2s,opacity .2s cubic-bezier(.29,.21,0,.97) .2s,-webkit-transform .3s cubic-bezier(.29,.21,0,.97) .2s;
}

.imgSavoirPlus:hover .owl-item h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.imgSavoirPlus:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 49px;
    height: 4px;
    width: 0;
    background: #fad514;
    -webkit-transition: width .2s .2s;
    -o-transition: width .2s .2s;
    transition: width .2s .2s;
}
.imgSavoirPlus:hover:after{
    -webkit-transition: width .2s cubic-bezier(.63,.24,.26,.91);
    -o-transition: width .2s cubic-bezier(.63,.24,.26,.91);
    transition: width .2s cubic-bezier(.63,.24,.26,.91);
    width: 100%;
}



.imgSavoirPlusLien {
  position: relative;
  display: block;
  overflow: hidden;
  padding:0;
  margin:0;
  /* background: #fad514; */
/* background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(250,213,20,1) 100%); */
/* background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(250,213,20,1) 100%); */
/* background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(250,213,20,1) 100%); */
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#fad514",GradientType=1); */
}

.imgSavoirPlusLien img,
.imgSavoirPlusLien:before,
.imgSavoirPlusLien:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.imgSavoirPlusLien img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}

.imgSavoirPlusLien:before,
.imgSavoirPlusLien:after {
  content: '';
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.imgSavoirPlusLien:before {
  width: 60px;
  height: 1px;
  left: 100%;
}

.imgSavoirPlusLien:after {
  height: 60px;
  width: 1px;
  top: 0%;
}

.imgSavoirPlusLien a {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.imgSavoirPlusLien:hover img,
.imgSavoirPlusLien.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}

.imgSavoirPlusLien:hover:before,
.imgSavoirPlusLien.hover:before,
.imgSavoirPlusLien:hover:after,
.imgSavoirPlusLien.hover:after {
  opacity: 1;
  top: 50%;
  left: 50%;
}



@media (min-width: 981px) {
	#realisations .et_pb_gutters1 .et_pb_column, #realisations .et_pb_gutters1.et_pb_row .et_pb_column {
		margin-right: 15px;
	}
}



/* Custom Video Popup */
/* Popup Close Icon Tweak */
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
	top: 0px !important;
	position: fixed !important;
}
.mfp-iframe-holder .mfp-content {
    max-width: 70%;
}
.mfp-iframe-scaler button.mfp-close {
    top: -50px ;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    top: -50px !important;
}

.video_popup_lightbox .mfp-iframe-holder .mfp-close {
    top: -50px;
}

.video_popup {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}



.video_popup a:after {
    content: 'E';
    cursor: pointer;
    font-family: 'ETmodules';
    position: absolute;
    padding: 65px 37px;
    left: calc(50% - 64.5px);
    top: calc(50% - 65px);
    font-size: 56.5px;
    z-index: 20;
    background-color: #fad514;
    border-radius: 50%;
    text-transform: uppercase;
    color: #0a2a3b;
	border: solid 5px transparent;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.video_popup.no_icon:after {
    display: none!important;
}

.video_popup:hover a:after {
    opacity: 1;
    padding: 75px 47px;
    left: calc(50% - 76.5px);
    top: calc(50% - 77px);
    font-size: 60.5px;
	background-color:transparent;
	border-color:#fad514;
	color:#fad514;
}

@media all and (max-width: 980px) {
    .video_popup a:after {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 32px;
    }
    .video_popup:hover a:after {
        opacity: 1;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
        font-size: 42px;
    }
	
	.invert-order-tablet .et_pb_row {
		display:flex;
		flex-direction:column;
	}
}


.dash:after {
	content: ' ';
    clear: both;
    width: 5em;
    display: block;
    margin: 0 0 1.4em;
	border-bottom: 4px solid #fad514;
}

.dashCenter:after {
	content: ' ';
    clear: both;
    width: 5em;
    display: block;
    margin: 0 0 1.4em;
	border-bottom: 4px solid #fad514;
	margin: 0 auto;
}


h1 strong,
h2 strong {
	color:#fad514;
	font-weight:inherit;
}

.et-menu-nav li.mega-menu>ul>li>a:first-child {
	color:#fff!important;
	font-size:16px!important;
}

.absolute_map .et_pb_map {
    position: absolute;
    overflow:visible;
    height: 100%; 
}


.tftable {font-size:14px;color:#333333;width:100%;border-width: 1px;border-color: #cbcbcb;border-collapse: collapse;}
.tftable th {font-size:15px;background-color:#fad514;border-width: 1px;padding: 8px;border-style: solid;border-color: #cbcbcb;text-align:left;}
.tftable tr {background-color:#ffffff;}
.tftable td {font-size:14px;border-width: 1px;padding: 8px;border-style: solid;border-color: #cbcbcb;}
.tftable tr:hover {background-color:#ffff99;}