/*jackson*/

@font-face {
    font-family: "romanserif_regular";
    src: url('romanserif_regular.ttf');
}
@font-face {
    font-family: "Montserrat-Light";
    src: url('Montserrat-Light.ttf');
}

.main{
    margin-top:5px;
    min-height:80vh;
    color: #999999;
    color: #333;  
    /*margin-top:-40px;*/
    font-family: "romanserif_regular";
    /*font-family: Exo,Helvetica,Arial,sans-serif;*/
    /*
    font-family: Helvetica,Arial,sans-serif;
    font-family: futura-lt-w01-light,sans-serif;*/

    font-size: 16px;
}
.main2{
    font-family: "romanserif_regular";
    color: #333;  
}
.dart_container{
    background:#222222;color:rgb(250,250,250);
    color: rgb(160, 160, 160);
}
.dart_container h1, .dart_container h2, .dart_container h3, .dart_container h4{
    color:rgb(250,250,250)!important;
}

p{
    font-size:16px; line-height:24px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
h1{
    font-family: romanserif_regular;
    color: #34373b; font-size:44px;;
}
h2,h3,h4{color: #34373b;
    font-family: romanserif_regular;
}

.imgbox{
    min-height:550px;
    max-height:550px;
    overflow: hidden;
    background: white;
}
.imgbox img{
    min-height:550px;
    max-width:100%;
    display: block;
    margin: auto;
}
.imgbox2 img{
    height:470px;
    width:100%;
    
}
.btn_book_appointement{
    color:white;
    background: black;
    background: #b89985;
    display: inline-block;
    padding: 12px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 50px;
}
.carousel{
   margin-top: 0px;
}
.carousel_contText{
    position:absolute;
    margin-top:-600px; 
    height:600px;
    width:100%;
    display: flex;
    color:white;
    background:rgba(18,28,41,0.1);
    
    background-image: linear-gradient(to right, rgba(18,28,41,0.6), rgba(18,28,41,0.1),transparent);
    background-image: linear-gradient(to right, rgba(18,28,41,0.6), rgba(18,28,41,0.1),transparent);
    
    align-items: center;
}
.carousel_contText2{
    margin-top:-470px; height:470px;
}
.carousel_contText .container{
    width:82%;margin:auto; padding-top:120px; 
    text-align: center;
}
.carousel_contText .divText{
    width:60%; margin:auto;
     margin-top:20px;
}
.carousel_contText h1{
  color:white; font-size:90px; line-height:76px; 
}
.carousel_contText p{
    font-size:20px; margin-top: -25px;
  }
 
  .title1{
    font-size: 44px;
  }
 
.box{
    box-shadow: rgba(121,121,121,.35) 1px 5px 5px;
}
.containerCarousel{ 
    width:100%;
    margin:auto;
}
.container{ width:80%;margin:auto;padding-top:30px;padding-bottom:40px}
.container_intro{
    margin: auto;
    width: 50%;
    padding-bottom:50px;
}
.container_p{
  width:100%; margin: auto;
}
.container_p2{
    width:80%;
  }

.itemService {
    margin-bottom: 50px;
 }
.itemService div{
  width:92%;
}
.itemService p{
    font-size:14px; line-height:18px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.itemService h3{
    color:rgb(20,20,20); line-height:18px;
}
.itemService a{
  display: block;
}

.itemService .itemService_price,.itemService_price{
    font-size: 24px;
    color: var(--primary);
}

/*debut CSS pour map**/
.container_contant {
    color:rgb(120,120,120);
    
}
.container_contant li{
    margin-top: 16px;
    font-size:18px;font-weight:thin;
}
.container_contant a,.container_contant{
    color:rgb(160,160,160);
}

.cont_item_contact{
   margin: auto;
   padding:0px;
   color:rgb(160,160,160);
}
.cont_item_contact li{
    margin-bottom: 12px;
}
.cont_item_contact li a{
    color:rgb(252,252,252); 
}
/*end carte**/

.cadre_price{
    background: white;
    width: 30%; min-height: 450px;
    margin: auto;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1);
    margin-bottom: 15px; margin-bottom: 0px;
}
.cadre_price:first-child{
   margin-right: 10px;
}

.cadre_price_title{
   color:black;
   font-size: 32px;
}
.cadre_price .price{
    font-size: 80px;
    font-weight:450;
    /*
    color:#b89985;*/
}

.ul_list_infos_pricing tr td{
    border-bottom: solid 1px rgb(121,121,121);
    padding-bottom: 5px;
    padding-top: 5px;
}
.ul_list_infos_pricing tr td{
    text-align: right;
}
.ul_list_infos_pricing tr td:first-child{
    text-align: left;
}
.ul_list_infos_pricing tr td:nth-child(2){
    font-weight: bold;
}

.ul_list_infos_pricing{
     text-align: left;
     margin: 0%;
     padding: 0px;
     width: 100%;
}
.ul_list_infos_pricing li{
    
}
.ul_list_infos_pricing li i{
    color:#b89985;
    margin-right: 5px;
    font-size: 11px;
    font-weight: 600;
}
.ul_list_infos_pricing li span{
   /*color:black;*/
    font-weight: 200;
}

.onglet{
	width:100%;
	margin:auto;
   
}

.head_onglet {
   padding: 0px;
   text-align: center;
   align-items: center;
   width: 100%; 
  padding-top: 25px;
 }
.head_onglet li{
    display: inline-block;
    padding:8px 10px;
    font-size: 16px;
    cursor:pointer;
    margin-right: 1rem;
    margin-bottom: 10px;
    border: solid ;
    border-width: 0px ;
    border-radius: 0px;
    color:#999999;
}

.head_onglet .act_item{
   color:var(--primary);
  /* background:var(--primary);*/
   border-color:var(--primary);
   border-bottom:solid ;
   border-width: 0px ;
   font-weight: 600;
}

.item_galerie{
    display: inline-block;
    -ms-flex: 0 0 30.333333%;
	flex: 0 0 30.333333%;
	max-width: 30.333333%;
   overflow: hidden;
   height: 250px;
   margin-bottom: 8px;
   padding:1%; padding-bottom: 2%;

}
.item_galerie img{
    width: 100%;
    cursor: pointer;
}

.modalImageViewer{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100vh;
    background: black;
    color: white;
    z-index: 9999999999999999999999999999999999999999;
}


.cont_pricng_img{
    width: 80%;
    margin: auto;
}

.itemService_cont_img img{
    display: block;
}
.itemService_cont_img .btn_book_appointement{
       position: absolute;
       margin-top: 0px;
      justify-content: right;
       
}
@media screen and (min-width:648px){
    .itemService_cont_img{
        height:350px;overflow:hidden;
    }
}
/***/
@media screen and (min-width:901px)and (max-width:1024px){

    .containerCarousel{ 
        width:90%;margin:auto;padding-top:30px;padding-bottom:40px;
    }
    .container_intro{
        margin: auto;
        width: 70%;
    }
    .container_p{
        width:80%;
    }

    .cadre_price{
        width: 48%;
    }

    .item_galerie{
        display: inline-block;
        -ms-flex: 0 0 30.333333%;
        flex: 0 0 30.333333%;
        max-width: 30.333333%;
       overflow: hidden;
       height: 150px;
       margin-bottom: 8px;
       padding:1%; padding-bottom: 2%;
    }
    .item_galerie img{
        width: 100%;
        cursor: pointer;
    }

}
/***/
@media screen and (min-width:649px)and (max-width:900px){

    .containerCarousel{ 
        width:90%;margin:auto;padding-top:30px;padding-bottom:40px;
    }
    .container_intro{
        margin: auto;
        width: 70%;
        padding-bottom:10px;
    }
    .container_p{
        width:80%;
    }

    .cadre_price{
        width: 48%;
    }

    .item_galerie{
        display: inline-block;
        -ms-flex: 0 0 30.333333%;
        flex: 0 0 30.333333%;
        max-width: 30.333333%;
       overflow: hidden;
       height: 150px;
       margin-bottom: 8px;
       padding:1%; padding-bottom: 2%;
    }
    .item_galerie img{
        width: 100%;
        cursor: pointer;
    }

}
@media screen and (max-width:648px) {
 
    .main{
        padding-top:0px; 
        min-height:50vh;
        margin-top:0px;
        color:rgb(90,90,90);
     
      
    }
    .center_align_mob{
          text-align: center;
    }
    .imgbox {
        padding-top: 120px;
        height: 500px;
        min-height:500px;
        max-height:400px;
    }
    .imgbox img {
        height:390px; min-height: 390px;
        width:auto; overflow-x: hidden; max-width: 100%;
        transform:scale(1.9);
    }
    .imgbox2 img{
        height:240px;
        width:auto; overflow-x: hidden;
    }

.containerCarousel{
    width:100%;margin:auto; padding-top:0px; margin-top: 0px;
   margin-top: -50px;
}
.carousel{
    padding-top: 0px;margin-top: 0px;
    
}
.carousel_contText .container{
    width:82%;margin:auto; padding-top:100px;
}
.carousel_contText .divText{
    width:50%;
    margin-top:60px;
    
}
  .carousel_contText{
      margin-top:-620px; height:620px; 
     
  }
  .carousel_contText2{
    margin-top:-220px; height:220px;
  }
  .carousel_contText .divText{
      width:90%; margin:auto;
     
  }
  .carousel_contText h1{
     font-size:58px;line-height:48px;
  }
  .carousel_contText p{
      margin-top: -15px; 
      display:nones; font-size: 16px;line-height:17px;
    }

    .title1{
        font-size: 34px;
      }

    .container{ 
        width:96%;
        margin:auto;
        padding-top:50px;
        padding-bottom:50px
    }
    .container_intro{ 
        width:70%;margin:auto;
        text-align: center;
        padding-bottom: 5px;
    }
    .container_p{
        width:100%; 
    }
    .container_p2{
        width:90%; margin: auto; 
    }
    .container_collection{
        width:90%; margin: auto; 
        
    }
    /*debut CSS pour map**/

    .contContact{
        width:90%;
        margin:auto;
    }
     
    .btn_lien{
       margin:auto;
        margin-top:40px;
     
    }
   
    .btnLien{
    padding: 22px 10px;
    margin-bottom:30px; margin-top:20px;
    width: 90%;
    }
    .containerDetailServ{
        width:96%;margin:auto;
        margin-top:-50px;position:relative;font-size:16px;
        
    }

    .centreMob{text-align: center;}
    .offM ,.offM{display:none;} 

    .cadre_price{
        width: 80%; min-height: 320px;
        padding: 5px;
        margin: auto;
        margin-bottom: 20px;margin-bottom: 0px;
        display: block;
    }
    .cadre_price:first-child{
        margin-right: auto;
     }
    .cadre_price_title{
       color:black;
       font-size: 20px;
    }
    .cadre_price .price{
        font-size: 74px;
        font-weight:450;
    }


    .ul_list_infos_pricing tr td{
        font-size:22px;
    }
    .ul_list_infos_pricing{
         text-align: left;
         margin: 0%;
         padding: 0px;
    }
    .ul_list_infos_pricing li{
        
    }
    .ul_list_infos_pricing i{
       
    }

    .item_galerie{
        overflow: hidden;
        height: auto;
        margin: auto;
        margin-bottom: 0px;
        max-width:100%;width:100%;
		flex: 0 0 100%;
		max-width: 100%;
        padding: 0px;
     }
     .item_galerie img{
         width: 100%;
         display: block;
     }


     .cont_pricng_img{
        width: 85%;
        margin: auto;
    }
    .itemService_cont_img{
        min-height:300px;
        max-height:460px;
        overflow:hidden;
    }

     .itemService {
        margin-bottom: 60px;
      }
      
     .itemService div{
        width:100%;
      }
      .itemService h3{
          font-size: 22px;
          margin-bottom: 0px;

      }
      .itemService p{
          font-size:16px; line-height:16px;
          margin-block-start: 1em;
          margin-block-end: 1em;
          margin-inline-start: 0px;
          margin-inline-end: 0px;
      }
      .itemService h3{
          color:rgb(20,20,20); line-height:18px;
          font-size: 22px;
      }
      .itemService .itemService_price{
            display: inline;  margin: 0px; line-height: 0px;
      }
     .offMob{
        display: none!important;
     }
}