.Ar{
font-family: 'ArabicMedium';
}
.Ar h1,.Ar h2,.Ar h3,.Ar h4,.Ar .btn{
font-family: 'ArabicSemiBold' !important;
}
.Ar h1,.Ar h2,.Ar h3,.Ar h4,.Ar p{
text-align: right
}
.En h1,.En h2,.En h3,.En h4,.En .btn{
font-family: 'HelveticaStd';
}
.En h1,.En h2,.En h3,.En h4,.En p{
text-align: left
}
.Ar .dropdown div,.Ar .dropdown ul,.Ar .dropdown li,.Ar .dropdown a,.Ar .dropdown span ,
.dropdown-toggle .btn,
.Ar label,.Ar .form-control {
font-family: 'ArabicRegular';
}
.container-fluid,body{margin:0;padding:0}.btn{outline:0!important;-webkit-outline:0!important;-moz-outline:0!important}:focus,a:focus{outline-width:0!important}
body,header,header .container,html{position:relative}
body{background:#fff;height:auto!important}
a{cursor:pointer;text-decoration:none;transition:all .25s ease-in-out}
header{
padding:63px 0 0 !important;
margin: 0 !important;
position: relative;
z-index: 0;
min-height: 20px;
overflow: hidden;
background:url(../img/fond-body.jpg) no-repeat center top;
background-size: cover;
}

.top-header{
position: relative;
}
header.container{
min-height: 0;
overflow: hidden;
}
header .bottom-header{
background: url(../img/fond-organistor.png) no-repeat right 115px top;
padding-top: 90px;
background-size: 600px;
min-height: 0;
overflow: hidden;
}
.En header .bottom-header{
background: url(../img/fond-organistor.png) no-repeat left 0 top;
background-size: 600px;
}
.logo{margin: auto;display: table;text-decoration: none;
position: relative;
z-index: 1;}
.logo img{max-width: 75%;}
header .navbar {
padding: 0!important;
margin: 0!important;
border-radius: 0!important;
min-height: auto!important;
position: absolute;
right: 0;
bottom: 28px;
display: flex;
align-items: center;
}
.En header .navbar {
left: 23px;
}
.lang{
margin-right: 16px;
font-size: 18px;
color: #734F40;
position: relative;
padding:0 0 10px;
}
.lang a{
font-size: 18px;
color: #734F40;
text-decoration: none;
float: left;
}
.lang a:hover,
.lang a:focus{
color: #734F40 !important;
opacity: 0.8;
text-decoration: none !important;
}
.En .lang{
margin:0 0 0 16px;
}
.lang:after {
position: absolute;
bottom: 0px!important;
left: calc(50% - 4px)!important;
height: 8px!important;
width:  8px!important;
background: #734F40;
border-radius: 50%;
content: "";
display: block;
}
.navbar-light .navbar-toggler {
border-width: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
position: relative !important;
width: 27px !important;
background: transparent !important;
height: 15px;
margin: 0;
}
.navbar-toggler-icon{
display: block!important;
width: 27px!important;
height: 100%!important;
margin: 0 auto!important;
transform: skew(0deg)!important;
transition: all .275s;
border-radius: 6px!important;
background: url("../img/ico-menu.svg") center no-repeat;
}
.navbar-toggler-icon:before {
content: '';
display: block;
height: 3px;
width: 100%!important;
background: transparent;
transition: all .275s;
border-radius: 6px!important;
}
.navbar-toggler-icon:before {
transform: translateY(-5px) translateX(0) skew(0);
}
.navbar-toggler-icon:after {
transform: translateY(3px) translateX(0) skew(0);
}
#myScrollspy .navbar-collapse{position: fixed;width: 100%;left: 0;top: 0;z-index: 9999;background:url(../img/fond-body.jpg) no-repeat center top;}
#myScrollspy .navbar-collapse:after {
position: absolute;
top: 35% !important;
right: 100px !important;
width: 2px!important;
background: #4A9EA8!important;
content: "";
display: block;
height: 130px;
animation: moveTrain 4s linear infinite;
}
.Ar #myScrollspy .navbar-collapse:after {
left: 100px !important;
}
.En #myScrollspy .navbar-collapse:after {
right: 100px !important;
}
.open_Menu .navbar-light .navbar-toggler{
position: fixed !important;
z-index: 999999;
width: 34px !important;
height: 34px !important;
top: 140px !important;
right: 7% !important;
display: flex;
justify-content: center;
margin: 0;
}
.Ar.open_Menu .navbar-light .navbar-toggler{
left: 7% !important;
}

.open_Menu #myScrollspy .navbar-collapse{
display: flex;
flex-direction: column;
align-items: center;
height: 100vh !important;
justify-content: flex-start;
}
header.container-fluid.activeMenu {
position: fixed;
z-index: 999;
background: #fff;
top: 0;
left: 0;
height: 100vh;
}
.open_Menu{
overflow: hidden;
height: 100vh !important;
}
.open_Menu header {
height: calc(100vh - 42px) !important;
}
.open_Menu section,
.open_Menu .bottom-header{
opacity: 0;
visibility: hidden;
height: 0;
display: none;
}
.open_Menu .logo {
margin:65px 0 30px;
}
.open_Menu #myScrollspy .navbar-collapse{
background: url(../img/fond-organistor.png) no-repeat center top 109px;
background-size: 600px;
}
.En..open_Menu #myScrollspy .navbar-collapse{
background: url(../img/fond-organistor.png) no-repeat center top 109px;
background-size: 600px;
}
.open_Menu .navbar-nav{
padding: 0px 6% !important;
}
.is-open .navbar-toggler-icon {
width: 100% !important;
height: 3px !important;
transform: skew(0deg) translateY(0) rotate(-45deg) !important;
background: #734F40 !important;
}
.is-open .navbar-toggler-icon,
.is-open .navbar-toggler-icon:after,
.is-open .navbar-toggler-icon:before {
background: #734F40 !important;
}
.is-open .navbar-toggler-icon:before {
transform: translateY(0px) skew(345deg) rotate(75deg)
}
.is-open .navbar-toggler-icon {
height: 3px;
transition: all .275s;
left: 0;
top: 6px;
}
header.activeMenu .navbar {
padding:20px 15px 50px !important;
display: block;
background: #fff;
z-index: 9;
}
.open_Menu .navbar {
display: -webkit-flex !important;
display: flex !important;
flex-direction: column;
}
.carousel-inner{height:100%;position:relative}
.navbar-nav{
padding: 50px !important;
width: 100%;
}
.navbar-nav > li {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
header .navbar .nav-link{
font-size:24px!important;
color:#292422!important;
padding:1rem 1rem!important;
position:relative;
}
.Ar header .navbar .nav-link{
text-align:right;
}
.En header .navbar .nav-link{
text-align:left;
}

header .navbar .nav-link:before {
position: absolute;
top: 15px;
background:#734F40 ;
content: "";
display: block;
width: 0;
height: 0;
z-index: 1;
border-radius: 50%;
}
.Ar header .navbar .nav-link:before {
right:0;
}
.En header .navbar .nav-link:before {
left:0;
}
header .navbar .nav-link:focus:before,
header .navbar .nav-link:hover:before,
header .navbar-light .active .nav-link:before{
width: 10px;
height: 10px;
}
header .navbar .nav-link:focus,
header .navbar .nav-link:hover,
header .navbar-light .active .nav-link{
color: #734F40 !important;
background: 0 0 !important;
font-weight: bold;
}


.En header .navbar .nav-link:focus,
.En header .navbar .nav-link:hover,
.En header .navbar-light .active .nav-link{
padding-left: 24px !important;
margin-left: 20px !important;
}


.Ar header .navbar .nav-link:focus,
.Ar header .navbar .nav-link:hover,
.Ar header .navbar-light .active .nav-link{
padding-right: 24px !important;
margin-right: 20px !important;
}


.carousel-indicators li {
width: auto !important;
min-width: 24px!important;
height: auto!important;
background-color:transparent !important;
font-family: 'HelveticaBold';
font-size: 14px;
line-height: 1.21;
text-align: center;
color: #fff;
text-indent: 0 !important;
padding: 0 0 12px!important;
cursor: pointer ;
border-width: 0 !important;
position: relative
}
.carousel-indicators li:after {
position: absolute;
bottom: 0px!important;
left: 0!important;
height: 2px!important;
background: rgba(255,255,255,0.42)!important;
content: "";
display: block;
width: 100%;
}
.carousel-indicators li.active::after {
background: rgba(255,255,255,1)!important;
}

.bottom-header{
position: relative;
}
.bottom-header:after {
position: absolute;
top: 0px!important;
right: -50px !important;
width: 2px!important;
background: #4A9EA8!important;
content: "";
display: block;
height: 130px;
animation: moveTrain 4s linear infinite; 
}
@keyframes moveTrain {
0% { 
transform: translateY(0px); 
}
40% { 
transform: translateY(130px);
height: 0px; 
}
50% { 
transform: translateY(0px);
height: 0px; 
}
100% { 
transform: translateY(0px); 
height: 130px;
}
}

.bottom-header .row{
display: flex;
align-items: center;
}
.bottom-header .owl-item img{
max-height: 585px;
object-fit: cover;
border-radius: 0 83px 83px 0;
}
.En .bottom-header .owl-item img{
max-height: 585px;
object-fit: cover;
border-radius:83px  0 0 83px;
}
.text-slider-items{
display: none
}
.bottom-header h1{
font-size: 35px;
line-height: 1.4;
color: #292422;
margin: 0;
min-height: 203px;
overflow: hidden;
}

.Ar .bottom-header h1{
min-height: 141px;
}
.bottom-header h1 strong{
color: #4A9EA8;
}
.typed-cursor{
display: none;
color: transparent
}
.bottom-header p{
font-size: 25px;
color: #383838;
margin: 0 0 35px;
}
#prestations{
padding: 0;
margin:115px 0 35px !important;
position: relative;
z-index: 0;
min-height: 20px;
overflow: hidden;
}
#prestations:before {
position: absolute;
top: 0 ;
right:0 ;
background:url("../img/fond-box2-pres.png") no-repeat center bottom #734F40 ;
content: "";
display: block;
width: calc(50% - 15px);
height: 100%;
z-index: 0;
border-radius:59px 0 0 59px;
}
#prestations .box1prestations{
margin-top:125px !important;
}
#prestations .box-pres  {
padding: 50px 45px !important;
background: #ecf2f3;
border-radius: 31px;
text-align: right;
font-size: 25px;
color: #383838;
margin-bottom: 30px;
}
#prestations .box-pres:last-child{
margin-bottom: 0;
}
#prestations .box-pres img{
margin: 0 auto 35px;
display: table;
max-width: 88px;
}
#prestations .box-pres h2{
font-size: 50px;
text-align: right;
color: #734F40;
padding:0 !important;
margin: 0 0 15px !important;
}
#prestations .box-pres small{
font-size: 20px;
text-align: right;
color: #292422;
padding:0 33px 0 0 !important;
margin:0 -25px 10px 0 !important;
position: relative;
display: block;
}
#prestations .box-pres small:before {
position: absolute;
top: 17px ;
right:0 ;
background:#292422 ;
content: "";
display: block;
width: 25px;
height: 2px;
z-index: 0;
border-radius: 20px;
}
#prestations .box-pres p{
font-size: 20px;
text-align: right;
color: #383838;
padding:0  !important;
margin:0 !important;
}
#prestations .box2prestations  {
padding: 47px 0 45px 80px !important;
text-align: right;
font-size: 25px;
color: #fff;
}
#prestations .box2prestations .box-img{
margin: 0 0 52px;
display: flex;
justify-content: flex-end;
}
#prestations .box2prestations .box-img img{
max-width: 165px;
}
#prestations .box2prestations h2{
font-size: 50px;
text-align: right;
color: #fff;
padding:0 0 20px !important;
margin: 0 0 35px !important;
position: relative;
}
#prestations .box2prestations h2:before {
position: absolute;
bottom: 0;
right:0 ;
background:#4a9ea8;
content: "";
display: block;
width: 98px;
height: 7px;
z-index: 0;
border-radius: 40px;
}
#prestations .box2prestations small{
font-size: 20px;
text-align: right;
color: #fff;
padding:0 33px 0 0 !important;
margin:0 -25px 10px 0 !important;
position: relative;
display: block;
}
#prestations .box2prestations small:before {
position: absolute;
top: 17px ;
right:0 ;
background:#fff ;
content: "";
display: block;
width: 25px;
height: 2px;
z-index: 0;
border-radius: 20px;
}
#prestations .box2prestations p{
font-size: 20px;
text-align: right;
color: #fff;
padding:0  !important;
margin:0 !important;
}
#organistor{
padding:0;
margin: 0  !important;
position: relative;
z-index: 0;
min-height: 20px;
overflow: hidden;
background:url("../img/fond-organistor.png") no-repeat top right 45px;
background-size: 800px;
}
#organistor .container{
padding-top: 100px;
}
.boxdescsecteur.hover {
display: block !important; /* Assurez-vous que le contenu de la boÃ®te reste affichÃ© lors du survol */
}
#organistor .box1organistor{
border-radius: 25px 25px 0 0;
padding: 0;
min-height: 0;
overflow: hidden;
background:  linear-gradient(180deg, #734F40 94%, #3A2820 101%) 0% 0% no-repeat;
}
#organistor .box1organistor .box-img{
border-radius: 25px;
margin: 0 auto 7px;
display: table;
}
#organistor .box1organistor img{
border-radius: 25px;
width: 100%;
}
#organistor .box1organistor h2{
font-size: 36px;
text-align: center;
color: #fff;
padding:0 !important;
margin: 15px 0  !important;
}
#organistor .box2organistor  {
padding: 26px 0 0  !important;
text-align: right;
font-size: 25px;
color: #fff;
}
#organistor .box2organistor h2{
font-size: 50px;
text-align: right;
color: #734F40;
padding:0 0 20px !important;
margin: 0 0 35px !important;
position: relative;
}
#organistor .box2organistor h2:before {
position: absolute;
bottom: 0;
right:0 ;
background:#4a9ea8;
content: "";
display: block;
width: 98px;
height: 7px;
z-index: 0;
border-radius: 40px;
}
#organistor .box2organistor small{
font-size: 20px;
text-align: right;
color: #292422;
padding:0 !important;
margin: 0 0 10px !important;
position: relative;
display: block;
}
#organistor .box2organistor p{
font-size: 20px;
text-align: right;
color: #292422;
padding:0 0 35px 205px !important;
margin:0 !important;
}
#secteur{margin: 0;padding: 60px 0 25px !important;position: relative;z-index: 0;min-height: 20px;overflow: hidden;}
#secteur:before {
position: absolute;
top: 0 ;
right:-25% ;
content: "";
display: block;
width: 1032px;
height: 1032px;
/* UI Properties */
background: #4A9EA8;
opacity: 0.04;
border-radius: 50%;
z-index: -1;
}
#secteur:after {
position: absolute;
bottom: -151px;
left: -4%;
content: "";
display: block;
width: 1032px;
height: 1032px;
background: #4A9EA8;
opacity: 0.04;
border-radius: 50%;
z-index: -1;
}
#secteur h2{
font-size: 60px;
text-align: right;
color: #734F40;
padding: 0 0 20px !important;
margin: 0 0 40px !important;
position: relative;
}
#secteur h2:before {
position: absolute;
bottom: 0;
right: 0;
background: #4a9ea8;
content: "";
display: block;
width: 98px;
height: 7px;
z-index: 0;
border-radius: 40px;
}
#secteur small{
font-size: 24px;
text-align: right;
color: #292422;
padding:0 !important;
margin:0 0 10px!important;
position: relative;
display: block;
}
#secteur .boxsecteur{
float: right;
opacity: 0;
margin-bottom: 30px;
transition:all 0.3s;
}
#secteur .boxsecteur > div{width: 100%;display: flex;min-height: 325px;padding: 25px 18px 15px;flex-direction: column;align-items: center;justify-content: space-between;position: relative;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s  ease-in-out;
}
#secteur .boxsecteur .box-img{
position: absolute;
left: 0;
top: 0;
object-fit: cover;
z-index: -1;
width: 100%;
height: 100%;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s  ease-in-out;
}
#secteur .boxsecteur .box-img:after{
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
z-index:1;
width: 100%;
height: 100%;
background: transparent linear-gradient(180deg, #FFFFFF00 50%, #734F40 100%) 0% 0% no-repeat;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s  ease-in-out;
    opacity: 1
}

#secteur .boxsecteur.disabled .box-img:after,
#secteur .boxsecteur.active .box-img:after{
opacity: 0
}
#secteur .boxsecteur img{
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
z-index: 1;

-webkit-transition:all 0.9s;
transition:all 0.9s;
}
#secteur .boxsecteur h3{font-size: 20px;color: #734F40;padding: 15px  !important;margin: 0!important;text-align: center !important;
    
-webkit-transition:all 0.9s;
transition:all 0.9s;
    
background: #fff;border-radius: 6px;width: 100%;}
#secteur .boxsecteur.active h3{background: #734F40;color: #fff;}
/*disabled*/
#secteur .boxsecteur.disabled h3{
background: #7C7C7C;
color: #fff;
}
/*image noir blan disbmed*/
#secteur .boxsecteur.disabled img{
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
filter: grayscale(100%);
-webkit-transition:all 0.9s;
transition:all 0.9s;
}
#secteur .box-pres small{
font-size: 24px;
text-align: right;
color: #292422;
padding:0 33px 0 0 !important;
margin:0 -25px 10px 0 !important;
position: relative;
display: block;
}
#secteur .box-pres small:before {
position: absolute;
top: 17px ;
right:0 ;
background:#292422 ;
content: "";
display: block;
width: 25px;
height: 2px;
z-index: 0;
border-radius: 20px;
}
.boxdescsecteur{
position: relative;
z-index: 1;
display: none;
}

.boxdescsecteur > div{
width: 100%;
padding: 38px 83px 74px 36px;
position: relative;
transition:all 0.3s;
background: #F4EEE7;
margin-bottom: 30px;
}
.boxdescsecteur h4{
margin: 0 0 12px;
transition: all 0.3s;
text-align: right;
display: block;
min-height: 0px;
overflow: hidden;
}
.boxdescsecteur h4 span{
font-size: 35px;
color: #734F40;
padding:0 0 0 140px  !important;
margin: 0!important;
text-align: right;
transition:all 0.3s;
position: relative;
float: right;
}
.boxdescsecteur h4 span:before {
position: absolute;
top: calc(50% - 2px) ;
left:0;
background:#734F40 ;
opacity: 0.34;
content: "";
display: block;
width: 120px;
height: 4px;
z-index: 1;
}
.boxdescsecteur h5{margin: 0 0 25px;font-size: 25px;color: #4A9EA8;padding:0  !important;text-align: right;transition:all 0.3s;position: relative;}
.boxdescsecteur h6{
margin: 0 0 14px;
font-size: 25px;
color: #292422;
padding:0  !important;
text-align: right;
transition:all 0.3s;
position: relative;
}
.boxdescsecteur ul{
margin: 0;
padding: 0;
list-style: none;
}
.boxdescsecteur ul li{
margin: 0 0 4px;
padding: 0 30px 0 0 ;
position: relative;
font-size: 20px;
color: rgba(41,36,34,0.54);
text-align: right;
}
.boxdescsecteur ul li:before {position: absolute;top: 12px;right:0;background:#734F40;content: "";display: block;width: 8px;height: 8px;z-index: 1;border-radius: 50%;}
.boxdescsecteur  .box-img {margin: -65px auto 0;display: inline-flex;text-align: center;}
.boxdescsecteur  .flag{
position: absolute;
left: 20px;
bottom: 20px;
z-index: 1;
}
#statistique{
padding-bottom: 50px;
}
#statistique small {
font-size: 20px;
text-align: right;
color: #292422;
padding: 0 !important;
margin: 0 0 10px!important;
position: relative;
display: block;
}
#statistique h2 {
font-size: 50px;
text-align: right;
color: #734F40;
padding: 0 0 20px !important;
margin: 0 0 40px !important;
position: relative;
}
#statistique h2:before {
position: absolute;
bottom: 0;
right: 0;
background: #4a9ea8;
content: "";
display: block;
width: 98px;
height: 7px;
z-index: 0;
border-radius: 40px;
}
#statistique p {
width: 50%;
font-size: 20px;
text-align: right;
color: #292422;
padding: 0 !important;
margin: 0 !important;
float: right;
}
.counter {
animation-duration: 1s;
animation-delay: 0s;
}
#chiffres{margin-bottom: 75px;}
#chiffres .container{padding-top: 80px;padding-bottom: 60px;background-color: #734F40;}
#chiffres p {
text-align: center;
color: #fff;
padding: 0 !important;
margin: 0 !important;
position: relative;
}
#chiffres .num {
font-size: 80px;
text-align: center;
color: #fff;
padding: 0 !important;
margin: 0 0 40px !important;
position: relative;
}
#chiffres h2 {
font-size: 30px;
text-align: center;
color: #fff;
padding: 0 0 40px !important;
margin: 0!important;
position: relative;
}
#chiffres h2:before {
position: absolute;
bottom: 0;
left: calc(50% - 49px);
background: #4a9ea8;
content: "";
display: block;
width: 98px;
height: 7px;
z-index: 0;
border-radius: 40px;
}
#contact {margin: 0;padding: 0 0 100px !important;position: relative;z-index: 0;min-height: 20px;overflow: hidden;}

#contact:after {
position: absolute;
top: 0;
left: -19%;
content: "";
display: block;
width: 1032px;
height: 1032px;
background: #4A9EA8;
opacity: 0.04;
border-radius: 50%;
z-index: -1;
}

#contact .container {
position: relative;
background: url("../img/bull-title.png") no-repeat bottom right;
background-size: 190px
}
#contact .container:after {
position: absolute;
top: 0;
right:0;
content: "";
display: block;
width: 259px;
height: 100%;
background: #734F40;
opacity: 0.1;
z-index: -1;
}

#contact .row {
display: flex;
align-items: center;
}
.bc1_contact  .form-group:first-child{
position: relative;;
z-index:2;
}
.bc1_contact .form-group {
margin-bottom: 20px;
}
.bc1_contact label {
padding: 0 !important;
margin: 0 0 8px!important;
font-size: 19px;
text-align: right;
color: #734F40;
width:100%;
}
.form-control {
text-align: right;
display: block;
padding: 0 0 22px !important;
font-size: 24px;
color:#292422;
background-color: transparent;
border-width: 0 !important;
border-bottom: solid 2px rgba(139,123,104,0.5) !important;
border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
width: 100% !important;
height: auto !important;
}
.open.form-control,
.form-control:focus {
border-bottom: 2px solid #8b7b68!important;
}
.dropdown-toggle{
padding: 0 !important;
font-size: 24px!important;
color:#292422!important;
background-color: transparent !important;
border-width: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)  !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
}
.dropdown-toggle .btn {
background-color: transparent !important;
border-radius: 0 !important;
border-width: 0 !important;
padding: 0 !important;
font-size: 24px!important;
color:#292422!important;
text-align: right;}
.bc1_contact .dropdown-toggle filter-option-inner-inner{
padding: 0 !important;
font-size: 24px!important;
color:#292422!important;
opacity:1 !important;
}
.dropdown  div,
.dropdown  ul,
.dropdown  li,
.dropdown  a,
.dropdown  span {
text-align: right !important;
}
.caret {
position: absolute !important;
top: 6px !important;
left: 0 !important;
margin: 0 !important;
border-width: 0 !important;
width: 16px!important;
height: 8px!important;
background: url("../img/arrow-down.svg") center no-repeat!important;
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #1E274A !important;
}
.dropdown-menu > li > a {
font-size:24px !important;
color: #292422 !important;
}
.btn-primary{
font-size: 21px !important;
padding: 13px 15px!important;
min-width: 210px;
color: #fff !important;
background: #734F40  !important;
margin:  0;
border-radius: 8px !important;
border-width: 0 !important;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)  !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)  !important;
position: relative;
transition: all 0.4s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-moz-transition:all 0.4s;
float: right;
}

.En .btn-primary{
float: left;
}
#contact .btn-primary{
visibility: hidden;
}
.animated .btn{
visibility: visible;
}
.btn-primary:hover{
opacity: 0.7
}
.bc2_contact h4{
font-size: 60px;
color: #292422;
margin: 0px;
display: flex;
}
footer{
padding: 17px 0 !important;
background-color: #734F40;
font-size: 14px;
color: #fff;
position: relative;
}
footer span{
color: #362A25;
padding-left: 5px;
}
footer .box2{
display: flex;
justify-content: flex-end;
}
footer a{
font-size: 14px;
color: #fff !important;
text-decoration: none !important;
}
footer .box-sociale a {
margin-left: 10px;
font-size: 12px;
}
footer .box-sociale a:hover {
text-shadow: 5px 4px rgba(236,103,55,1), -5px -6px #666666;
}

body ::-webkit-input-placeholder { /* Edge */
font-size:22px !important;
color: #292422 !important;
opacity:1 !important;
overflow: visible;
}
body :-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size:22px !important;
color: #292422 !important;
opacity:1 !important;
overflow: visible;
}
body ::placeholder {
font-size:22px !important;
color: #292422 !important;
opacity:1 !important;
overflow: visible;
}
.mobile{
display: none !important;
}
.d-none {
display: none!important;
}
#scrollTop {
display: -webkit-box !important; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box!important;;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox!important;;  /* TWEENER - IE 10 */
display: -webkit-flex!important;; /* NEW - Chrome */
display: flex!important;;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
justify-content: center;
-webkit-box-align: center;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 80px;
height: 80px;
text-align: center;
position: fixed;
bottom: 200px;
right: 50px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 1;
visibility: hidden;
z-index: 1000;
padding:0;
align-items: center;
align-content: center;
border-radius: 50%;
background-color:rgba(255,255,255,0.8);
}
#scrollTop img  {
max-width:100%;
margin:auto;
}
#scrollTop:hover,
#scrollTop:active {
background-color:rgba(255,255,255,0.5);
}
#scrollTop.show {
opacity: 1;
visibility: visible;
}
.d-none{
display: none
}
header .owl-theme .owl-dots{
padding: 15px  25px 0;
}
.carousel-fade .owl-stage-outer .owl-item > div{
overflow: hidden;}

.carousel-fade .owl-stage-outer .active.left,
.carousel-fade .owl-stage-outer .active.right {
left: 0;
}
.carousel-fade .owl-stage-outer .next.left,
.carousel-fade .owl-stage-outer .prev.right {
animation: switch 2s linear;
-webkit-animation: switch 2s linear;
animation-delay: 0.02s;
-webkit-animation-delay: 0.02s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
.carousel-fade .carousel-control {
}

@keyframes switch {
0% { opacity: 1;filter: blur(8px);transform:scale(1.2);}
10% { opacity: 1;filter: blur(5px); transform:scale(1.1);}
43% { opacity: 1;filter: blur(0px); transform:scale(1.05)}
80% { opacity: 1;filter: blur(0px); transform:scale(1)}
100% { opacity: 1;filter:blur(0px); transform:scale(1)}
}

@-webkit-keyframes switch {
0% { opacity: 1;-webkit-filter: blur(8px); -webkit-transform:scale(1.2);}
10% { opacity: 1;-webkit-filter: blur(5px); -webkit-transform:scale(1.1);}
43% { opacity: 1;-webkit-filter: blur(0px); -webkit-transform:scale(1.05)}
80% { opacity: 1;-webkit-filter: blur(0px); -webkit-transform:scale(1)}
100% { opacity: 1;-webkit-filter:blur(0px); -webkit-transform:scale(1)}
}

/***Modal***/
.modal-dialog {
    width: 735px !important;
    margin: 30px auto;
}
.in.modal {
display: flex !important;
column-fill: balance;
align-items: flex-start;
align-content: flex-start;
z-index: 9999;
}
#temg {
padding: 40px 0 ;
}

.bloc-owl-carousel{
margin: auto  !important;
padding: 0 20%;
}
#temg .owl-carousel.owl-theme {
margin: 0  !important;
}
#temg h2 {
font-size: 32px;
line-height: 39px;
color: #1E274A;
padding: 0!important;
margin: 0 auto 50px!important;
width:80%;
text-align: center;
}
#secteur:before,
#secteur:after{display: none}
#temg .owl-carousel .owl-prev {
top: calc(50% - 22px) !important;
position: absolute;
left: 15px;
background: url("../img/prec.svg") center no-repeat #fff !important;
width: 45px;
height: 45px;
border-radius: 50%;
background-size: 11px !important;
}

#temg .owl-carousel .owl-next {
top: calc(50% - 22px) !important;
position: absolute;
right: 15px;
background: url(../img/next.svg) center no-repeat #fff !important;
width: 45px;
height: 45px;
border-radius: 50%;
background-size: 11px !important;
}

#temg .owl-carousel button span {
font-size: 0 !important;
}
.list-desc{
padding-left: 0;
padding-right: 0;
}
#temg .btn{
color: #fff;
font-size: 18px;
text-align: center;
border-width: 0 !important;
border-bottom: 1px solid #d1a795 !important;
background: transparent !important;
border-radius: 0 !important;
cursor: pointer;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1; }

.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
width: 48px;
background: #734F40;
opacity: 1;
}

.owl-theme .owl-dots .owl-dot span {
margin: 0px 3px;
display: block;
transition: opacity .2s ease;
border-radius: 30px;
width: 10px;
height: 10px;
background-color: #D5D5D5;
}
.modal-open header{
z-index: -1 !important;
}
.modal .boxdescsecteur{
display: block !important

}
.En #prestations:before {
left: 0;
border-radius: 0 59px 59px 0;
}

.En #organistor .row ,
.En #prestations .row {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
}

.En #contact .row {
flex-direction: row-reverse;
}
.En #prestations .box2prestations {
padding: 47px 80px 45px 0 !important;
}

.En #prestations .box2prestations .box-img {
justify-content: flex-start;
}
.En #prestations .box2prestations small {
text-align: left;
padding: 0  0 0 33px !important;
margin: 0 0 10px -25px !important;
}
.En #secteur small,
.En #statistique small,
.En #statistique h2,
.En #secteur h2,
.En #organistor .box2organistor small,
.En #organistor .box2organistor h2,
.En #prestations .box-pres small,
.En #prestations .box-pres h2,
.En #statistique p,
.En #prestations .box2prestations h2,
.En .form-control,
.En .boxdescsecteur h4,
.En .dropdown div, 
.En .dropdown ul, 
.En .dropdown li,
.En  .dropdown a,
.En  .dropdown span,
.En .bc1_contact label,
.En .bc1_contact label,
.En .boxdescsecteur h5,
.En .boxdescsecteur h6{
text-align: left !important;
}
.En #statistique h2:before,
.En #secteur h2:before,
.En #organistor .box2organistor h2:before,
.En #prestations .box-pres small:before,
.En #prestations .box2prestations h2:before,
.En #prestations .box2prestations small:before {
left: 0;
}
.En #organistor .box2organistor p {
padding: 0 205px 35px 0 !important;
}
.En #organistor {
background: url(../img/fond-organistor.png) no-repeat top left 45px;
}
.En #secteur .boxsecteur h3 {font-size: 18px;}
.En .boxdescsecteur h4 span {
padding: 0 140px 0 0  !important;
text-align: left;
float: left;
}
.En .boxdescsecteur h4 span:before {
left:inherit;
right: 0;
}
.En  .boxdescsecteur ul li{padding: 0  0 0 23px;text-align: left;}
.En  .boxdescsecteur ul li:before {
left:0;
}
.En  #statistique p {
float: left;
}
.En #contact .container {
background: url(../img/bull-title.png) no-repeat bottom left 23%;
}
.En #contact .container:after {
left: 30%;
}
.En #contact:after {
left: inherit;
right: -19%;
}
.dropdown,
.form-control{
background-color: transparent !important;
}
.En #prestations .box-pres small{
padding: 0 0 0 33px  !important;
margin: 0 0  10px -25px !important;
}
.En .caret {
left: inherit !important;
right: 0!important;
}
.En #statistique p,
.En #organistor .box2organistor p,
.En #prestations .box-pres p,
.En #prestations .box2prestations p{
text-align: justify
}
button.close {
background: #734F40 !important;
text-shadow: none !important;
opacity: 1 !important;
color: #fff !important;
font-weight: normal;
border-radius: 50%;
left: calc(50% - 15px);
width: 30px;
height: 30px;
top: 25px;
position: absolute;
z-index: 999;
}
.open_Menu .lang,
.open_Menu .row.top-header > div > .logo {
display: none;
}
#secteur .boxsecteur.active span {
opacity: 0.8;
}
#secteur .boxsecteur span {
color: #fff;
font-size: 18px;
text-align: center;
border-bottom: 1px solid ;
cursor: pointer;
}


#prestations .box-pres2 img {
max-width: 75px;
}
.modal-dialog {
    width: 735px;
}

.modal-dialog,
.modal-content{
background: #F4EEE7 !important;
}
.modal-content {
padding-top: 60px;
border-width: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}