/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme. <a href="https://github.com/roots/sage">Contribute on GitHub</a>
Version:            8.5.2
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800&display=swap');
/*@import url(style-mobile.css);*/
body{
    font-family: 'Montserrat'!important;
}
.content{
    width: calc(100% - 16px);
    padding-right: 16px;
}
.topnav .sub-menu >  li:not(:first-child)  {
    margin-top: -2vw;
}
.topnav > li:hover{
    background-color:transparent;
}
.topnav li {
        padding-bottom: 10px;
}
.topnav .sub-menu 
{
 
    z-index: 1;
    display: none;
    margin-left: -24vw;
        top: 5.2vw;
    position: fixed;
    min-width: 160px;
    width: 20vw;
    background-color: rgb(4, 89, 131);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
}
.topnav .sub-sub-menu{
    display: none;
    width: 44.2vw;
    margin-left: 19.1vw;
    top: 5.2vw;
    position: fixed;
    min-width: 160px;
    height: 16.9vw;
    background-color: rgba(131, 127, 127, 0.63);
  
     
}
.topnav .sub-menu li:hover .sub-sub-menu{
   display: block; 
}
.topnav .sub-sub-menu li:last-child{
        margin-bottom: 1vw;
}
.topnav .sub-sub-menu li {
  float: left!important;
    
   
}
.topnav .sub-sub-menu li a {
    font-size: 0.9vw!important;
        padding: 4px 4px!important;
}
.topnav .sub-sub-menu li{
    width: 20vw;
    height: 2vw;
    padding:1vw 0 0 2vw !important;
}

.topnav .sub-sub-menu > li > a:before{
    content: '\f105';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 0.25vw;
   text-decoration:none;
    color: #9e050a;
    font-size: 1vw;
   padding: 0.25vw;
    
}
.name-post:before{
       content: '\f105';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 0.25vw;
   text-decoration:none;
    color: #9e050a;
    font-size: 1vw;
   padding: 0.25vw;
    
}
.topnav .sub-menu > li:after{
    content: '\f105';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 0.25vw;
   text-decoration:none;
    color: #9e050a;
    font-size: 1.3vw;
   padding: 0.25vw;
    
}
.topnav .sub-sub-menu li
{padding: 1.2vw!important;}
/******************************Header cover******/
.header{
    margin-left: -15px !important;
    background-image: url(/wp-content/uploads/2017/11/cover-home.png?id=10);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.title-home{
    width: 36%;
}
.list-service{
    list-style-type: none;
}
.list-service li{
    padding-bottom: 1.2vw!important;
}

.list-service li:before{
   content: '\f111';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin: 5px 14px 0px -1.75vw;
   text-decoration:none;
   color: #09a3e8;
   padding: 0.25vw; 
}
.content-single ul{
  list-style-type: none;  
}
.content-single li:before{
     content: '\f111';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
    font-size: 0.5vw;
   margin: 5px 14px 0px -1.75vw;
   text-decoration:none;
   color: #09a3e8;
   padding: 0.25vw; 
}

.topnav .sub-menu > li {
    float: none!important;
     text-align: right!important;
    
}
.topnav li.menu-item-has-children:hover .sub-menu{
    display: block!important;
}
.topnav .sub-menu li
{
    display: block;
    padding: 0.63vw 0.8vw;
    transition: .3s;
    text-align: left;
    text-decoration: none;

    color: rgba(255, 255, 255, 1);
}

.menu-footer li a {
    font-size: 1vw;
    color: #fff;
    text-decoration: none;
}
.menu-footer li a:before{
     content: '\f105';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 0.25vw;
   text-decoration:none;
    color: #58595b;
    font-size: 1vw;
   padding: 0.25vw;
    
} 
.menu-footer{
    list-style-type: none;
}
p{
    letter-spacing: -0.5px!important;
}
a.btn-plus, a.btn-bleu{
    text-transform: uppercase;
}
a.btn-plus:hover{
    color: #fff;
    background-color:#e11f26;
}
.main{
 width: 100%;
    position: relative;
   
}
.menu-main-menu-container{ 
    position: relative;
    top: -0.9vw;
}
.logo{
    width: 21.25vw;
    position: absolute;
    left: 6.85vw;
    z-index: 1;
}
.topnav{
    float: right!important;
    position: relative;
    top: 3.75vw;
    z-index: 1;
    left: 6.2vw;
}
.topnav, .dropdown-content{
       background-color: transparent!important;
}

ul.topnav > li > a:after {
   content: '\f107';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 0.25vw;
   text-decoration:none;
    color: #58595b;
    font-size: 0.9vw;
}
.header{
    height: 88vw ;
    z-index: -1;
    top: -57px;
      

}
.top-header {
     float: right;
    position: relative;
    right: 9.75vw;
    top:0.65vw;
    z-index: 1;
}
.top-header a {
    background-image: url(/wp-content/themes/sage-theme/assets/images/layerBtn.png);  
    color: #fff;
    text-decoration: none;
    font-size: 0.8vw;
    padding: 0.85vw;
    font-weight: bold;
    
    
}
.para-header{
    width: 50%;
    position: relative;
    top: 16.15vw;
   
}
._left{
   padding-left: 8vw!important; 
}
.top-title{
    position: relative;
    top: -2.5vw;
    line-height: 3.3vw;
    letter-spacing: 0.2vw;
}
.p-header{
    color:#7fd6f7;
    font-size: 1vw;
    width: 17vw;
    position: relative;
    top: -2vw;
}
.page-id-25 .header-service{
    
}
.iconPlus{
        background-color: #d6181f;
    color: #fff;
    font-weight: 600!important;
    font-size: 1.45vw;
    
    position: relative;
    text-decoration: none;
    z-index: 1;
    width:2.15vw;
    height: 2.15vw;
}
.service1:hover{
     background-color: #d6181f;
    color : #fff;
    
}
.service1:hover .iconPlus{
      background-color: #fff;
      color:#d6181f;
}
.service1:hover h2{
    color: #fff!important;
}
._topIcon:hover{
    opacity: 0.7;
}
._bottomIcon{
    right: 0;
    bottom: 0;
    margin-left: 0.8vw;
    position:absolute!important;
}
._topIcon{
   
    top: -2.5vw!important;
}

.sec-services{
        position: relative;
         top: -40vw;
        left: 8vw;
    width: 83vw;
      
}
._topService{
    top:24vw!important;
}
._topServiceV2{
    top:29vw!important;
}
._topServiceV3{
    top:34vw!important;
}
._topServiceV4{
    top:39vw!important;
    left: 16.5vw!important;
}
._topServiceV2 .service1 , ._topServiceV3 .service1 , ._topServiceV4 .service1 {
    box-shadow: 10px 10px 50px 10px #d0d4d8, -1px 2px 20px rgba(255, 255, 255, 0.6) inset!important;
}
.service1{
        background-color: #fff;
    width: 19.5vw!important;
    height: 15vw!important;
   margin-right: 1.25vw;
   

}
.service1:last-child{
     box-shadow: 10px 10px 50px 10px #d0d4d8,  -1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
}
.service1:nth-child(3), ._topService .service1:nth-child(2){
    box-shadow: 8px 5px 20px -4px #d0d4d8, -1px 2px 20px rgba(255, 255, 255, 0.6)
}
.icon-service{
    position: absolute;
    top: -2.3vw;
    left: 6.5vw;
    width: 4.55vw!important;
    height: 4.55vw!important;
}
.p-service{
        position: relative;
    top: 3.3vw;
    text-align: center;
    font-size: 1vw;
    padding: 0px 1vw 1vw 0px;
    
   
}
.__top{
       position: absolute;
    top: 3.9vw;
    left: 2vw;
    width: 15vw;
}
._leftIcon{
    left: 16.6vw;
    
}
/******** section à propos *******/
.sec-propos{ 
    position: relative;
    top: -25vw;
}
.title_propos{
  

}
.des-propos{
        position: relative;
    top: -8vw;
    color: #58595b;
}
._paddingRight
{
      padding-right: 10vw;
}
.p-desc{
    text-align: center;
    font-size: 1vw;
    color: #58595b;
}
.p-desc-2{
  
    font-size: 1vw;
    color: #58595b;
    line-height: 2vw;
    padding-right: 6.5vw;
}
.p-simple p{
   
    font-size: 1vw;
    color: #58595b;
}

.btn-plus{
    background-color:#d6181f ;
        box-shadow:-2.25vw 0 7.8vw -0.75vw rgba(216, 154, 60, 0.45) inset;
    color: #fff;
    text-decoration: none;
    padding: 1vw 1vw 1vw 1vw;
    font-weight: bold;
    font-size: 1vw;
    position: relative;
    top: 2vw;
}
.btn-bleu{
     background-color:#1e5d87 ;
     box-shadow:-2.25vw 0 5.8vw -2vw rgba(253, 253, 253, 0.65) inset;
    color: #fff;
    text-decoration: none;
    padding: 1vw 1vw 1vw 1vw;
    font-weight: bold;
    font-size: 1vw;
    
}
/***Map *********/
#map2{
   
    height: 27.75vw!important;
      width: 58.85vw;
}
.googlemap, .horaire-clinic{
    position: relative;
    top: -24vw;
    height: 0px;
   
}
/******************* Horaire ******/
    .horaire{
    background-image: url(/wp-content/themes/sage-theme/assets/images/coverHome.png);
    background-size: cover;
    height: 27.75vw;
          position: relative;
   
    
}
.plage-h{
    position: relative;
    top: 4.5vw;
    margin-left: 2.25vw;
    color: #fff;
    font-size: 1vw;
    font-weight: 500;
    width: 36vw;
    
   
}
.days{
    line-height: 0px;
    position: relative;
    left: -0.55vw;
}
.day{
     text-transform: uppercase;
}
.heur{
    position: relative;
    left: -4.5vw;
}
.btn-rdv{
    position: relative;
    top: 1vw;
}


/************** Recents POSTS **************/
.sec-posts h3{
    font-size: 1.75vw;
    font-weight: bold;
    color: #1f5e88;
        position: relative;
    left: 0.5vw;
}
.title h2{
   
    font-size: 3.5vw;
    font-weight: bold;
    color: #1f5e88;
        position: relative;
    top: 6vw;
}
.sec-posts
{
    z-index: 1;
    position: relative;
    top: 7.5vw;
    background-color: #fff;
    
}
.sec-posts .post {
    box-shadow: 2px 0px 20px 1px rgba(208, 212, 216, 0.7),  -1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
}
.sec-posts .row .image{
   margin: 0px 0px -1.1vw -0.75vw;
    margin-top: -0.75vw;
}
.sec-posts .row:nth-child(2n) .image{ 
    position: relative;
    left: 2.7vw;
}
.image img{
    height: 19vw;
    width: 24.65vw;
}
.desc-post{
    position: relative;
    top: 1.5vw;
}
.sec-posts .post .image{
    position: relative;
}
.icon-infer{
        
    position: absolute;
    left: 0;
    top: 11px;
    width: auto!important;
    height: auto!important;
   
}
.icon-infer-blog{
       position: absolute;
    right: 0;
    top: 0;
        width: auto!important;
    height: auto!important;
}
/************** Page Service ********************/
.header-service{
    height: 52vw;
    z-index: -1;
    top: -57px;
}
.sec-des-services{
    position: relative;
    top: -44vw;
}
/********* Sous page service ******** */
.header-Simplepage{
    position: absolute;
    top: 14.5vw;
    left:9vw;
    z-index: 0;
}
.big-icon-img img{
    width: 15vw!important;
}
.big-icon-service{
    width: 20vw!important;
    top: -1vw;
    left: 3vw;
}
.p-service-simple{
        position: relative;
      top: -2vw;
        font-size: 1vw;
    color: #fff;
}
.title-page{
        width: 29vw!important;
}
.section-service {
    width: 82%;
    background-color: #fff;
    position: relative;
    top: -3vw;
    left: 9.85vw;
    padding-bottom: 2vw;
   box-shadow: 8px 5px 144px -4px rgba(132, 132, 132, 0.54), -1px 2px 20px rgba(255, 255, 255, 0.6);
}
.slog-service{
    font-size: 1.75vw;
    font-weight: bold;
    color: #1f5e88;
    position: relative;
    line-height: 2vw;
    left: 15vw;
}
.icon-slog2 img {
       position: relative;
    left: 25vw;
    top: -3vw; 
}
.icon-slog1 img{
    position: absolute;
    left: 6vw;
}
.img-service{
    margin-left: -15px;
    padding-top: 2vw;
}
.btn-service{
  width: 23vw;
    text-transform: uppercase;
}
.section-service .btn-service{
  left: 5.8vw;  
}
.bloc-sub-service
{
        position: relative;
        top: 3vw;
}
.section-service2{
    position: relative;
    margin-left: 8.9vw!important;
    top: 1vw;
}
.section-service2 .p-desc-2{
    color: #000;
    font-size: 0.9vw;
}
.section2-p {
    padding-right: 4vw!important;
}
.section2-p2{
  position: relative;
    left: -10vw;  
}
._padding{
        padding-left: 5vw!important;
}
.section2-p2 .p-desc2 a{
    text-decoration: none;
    color: #ff0000!important;
    font-weight: bold;
}
.section2-p2 .p-desc2{
    font-size: 0.9vw;
}
h3{
        margin-bottom: 0vw!important;
}
/******contact **********/

.page-id-29 .container {
    background-image: url(/wp-content/uploads/2017/11/coverl_simplepage.png?id=315) !important; 
    background-position: center 0px!important;
    background-repeat: no-repeat !important;
    background-size: cover !important; 
}
.page-id-27 .container , .page-id-650 .container {
    background-image: url(/wp-content/uploads/2017/11/coverl_simplepage.png?id=315) !important; 
    background-position: center 0px!important;
    background-repeat: no-repeat !important;
    background-size: cover !important; 
}

.header-contact{
    height: 30vw;
    position: relative;
    left: 0vw;

}

._lien{
    color: #e61216;
    text-decoration: none;
    font-weight: bold;
}
.btnSubmit{
    border: none!important;
    border-radius: initial!important;
    background-color: #d6181f!important;
    box-shadow: -2.25vw 0 7.8vw -0.75vw rgba(216, 154, 60, 0.45) inset;
    color: #fff!important;
    text-decoration: none;
    padding: 1vw 1vw 1vw 1vw!important;
    font-weight: bold!important;
    font-size: 1vw!important;
    float: right!important;
    position: relative;
    left: -0.8vw;
    /*border: 2px solid #e61216!important;
    float: right;
    color:#e61216!important;
     font-size: 1vw!important;
        position: relative;
    left: -0.8vw;*/
}
/*.btnSubmit:hover {
    background-color:#e61216;
    color:#fff!important;
   
}*/
._fax{
     font-weight: bold;
}
.vc_separator{
        margin-top: -1vw;
       
}
.vc_sep_pos_align_right{
     margin-left: 0vw!important;
}
.horaire-contact .day{
    color: #58595b!important;
    font-weight: bold;
}
.horaire-contact h2
{
        font-size: 1.75vw;
    color: #1f5e88;
    text-align: left;
    font-family: Montserrat;
    font-weight: 700;
    font-style: normal;
    margin-left: 2.2vw;
    margin-bottom: -3vw;
}
div.wpcf7{
    padding-left: 1.2vw!important;
}


/*************************************** FAQ ***************/
.section-questions{
        position: relative;
  
    margin-left: 8%!important;
    width: 83%;

}
.liste-FAQ{
        position: relative;
    top: -15vw;
}
.sec-Q{
    background-color: #fff;
    width: 100%;
    font-weight: bold;
    font-size: 1vw;
}
.sec-R{
    background-color: rgba(3, 101, 148, 0.67);
    color: #fff;
    font-size: 1vw;
    display: none;
}
.sec-R p{
    margin-right: 18px;
    position: relative;
    left: 2%;
    margin-top: 1%; 
}
.sec-Q p{
    margin-right: 18px;
    position: relative;
    left: 2%;
    margin-top: 1%; 
}
.section-fqa{
       margin-bottom: 1%; 
      box-shadow: 8px 5px 144px -4px rgba(132, 132, 132, 0.54), -1px 2px 20px rgba(255, 255, 255, 0.6);
}
/*****************************************blog*****/
.section-post-blog{
    width: 83%;
    background-color: rgb(255, 255, 255);
    position: relative;
        margin-top: -46vw;
    left: 8vw;
    padding-bottom: 2vw;
    z-index: 1;
    margin-bottom: -2vw;
    box-shadow: 8px 5px 144px -4px rgba(132, 132, 132, 0.54), -1px 2px 20px rgba(255, 255, 255, 0.6);


}
.section-post-blog .post.m5 {
    width: 49.66%;
    
}
.section-post-blog .recents-posts{
    margin-left: -2vw;
}
.section-post-blog .p-simple{
    width: 97%;
    padding-top: 2vw;
}
.section-post-blog .post{
       margin-bottom: 5vw;
} 
.btn-read{
    text-align: center;
}
/********************** single post *********/
.cover-single{
    background-image: url(/wp-content/uploads/2017/11/coverl_simplepage.png);
    background-position: center;
    background-size: cover;
    height: 123vw;
}
.main article{
    margin-right: -15px;
}
.entry-content h2 , .entry-content h3{
        font-size: 2vw;
       font-weight: 600;
}

.content-single{
    width: 83%;
    margin-top: 25%;
    margin-left: 8%;
    background-color: #fff;
    padding: 7vw;
    padding-left: 10vw;
    box-shadow: 8px 5px 144px -4px rgba(132, 132, 132, 0.54), -1px 2px 20px rgba(255, 255, 255, 0.6);
}
.content-single img{
    width:100%;
}
.img-content-single{
  position: relative;
}
.entry-content{
    margin-top: 2vw;
}
.cover-single .top-title{
   font-size: 3.75vw;
    color: #ffffff;
    text-align: left;
    font-family: Montserrat;
    font-weight: 700;
    font-style: normal; 
  margin-left: 8.3vw;
    top: 18vw;
}
.recents-posts
{
        margin-top: 15%;
}
.recents-posts h2{
    font-size: 1.5vw;
    background-color: rgba(11, 108, 169, 0.37);
    color: rgb(11, 108, 169);
    padding: 0.5vw;
    font-weight: 600;
}
.section-post-blog .post img{
    width: 100%;
    height: 20vw;
   
}
.section-post-blog .post .img{
    height: 20vw;
    position: relative
}

.title-post-blog{
        text-align: center;
  position: absolute;
    margin-top: -4%;
    bottom: 0px;
    color: #fff;
    font-weight: bold;
    padding-top: -3px;
    width: 100%;
    background-color: rgba(18, 127, 179, 0.35);  
}
.page-id-25 .header-service {

    height: 86vw;
}
.title-post-blog h2{
   font-size: 1.5vw;
    font-weight: bold; 
        padding-top: 1vw;
}
.name-post a{
    text-decoration: none;
    color: #58595b;
}
.entry-content a{
    color: #d6181f;
    text-decoration: none;
}
.content-single a:hover{
    color: #eb282f;
    text-decoration: none;
}
.entry-title{
    font-weight: bold;
}
/*************Footer *******/
.section-footer{
    background-image: url(/wp-content/themes/sage-theme/assets/images/coverFooter.png);
    background-size: cover;
    width: 100%;
    position: relative;
    height: 48.3vw;
}
.section-footer .days{
        left: -3vw;
}
.content-footer{
    position: relative;
    top: 15vw;
   width: 100%;
       padding-left: 8%;
}
.rdv ,.num{
    font-size:1.75vw;
    font-weight: bold;
    color: #fff;
    line-height: 1vw;
}
.num a{
    color: #e61216;
}
.logofooter img{
    width: 16.65vw;
    margin-bottom: 6.75vw;
}
.sous-title{
    font-size: 1.75vw;
    font-weight: bold;
    color: #09a3e8;
  
}
.sous-serv{
        margin-top: -2vw;
}
.sous-serv {
  
    margin-left: -2.5vw;
}
.adr a {
    text-decoration: none;
    color: #fff;
}
.adr a:hover{
    color:#09a3e8 
}
.section-footer .plage-h .btn-rdv{
    left: -6%;
}
.section-footer .sous-serv:last-child{
    margin-left: -4vw; 
}

.section-footer .sous-serv:nth-child(3){
  left: -5%
}
.sous-serv .plage-h{
    font-weight: bold;
    top: 0vw; 
    left: 0vw;
    letter-spacing: 0.025vw;
}
.p-footer{
    line-height: 1vw;
    margin-left: 0.8vw;
    text-transform: lowercase;
}
.menu-menu_footer-container{
    margin-left: -2vw; 
}
.adr{
    font-size: 1vw;
    color: #fff;
}
._left_3{
    position: relative;
    left: -3vw;
}
._left_plus2{
        position: relative;
       left: 2vw;
}
.map{
    margin-left: -0.8vw!important;
}
.bar-footer{
   
}
.bar-footer p{
    text-align: center;
    padding-top: 1.5vw;
    padding-bottom: 0.5vw;
    font-size: 1vw;
    color: #fff;
}
.bar-footer p a{
    color: #fff;
    text-decoration: none;
}
.logo-virus{
    position: relative;
    top: 7vw;
    margin-left: 30vw;
}
.content-footer .heur{
        left: -2.5vw!important;
}
.logo-virus img{
    width: 50%;
}


.sec-par{
    top: 35vw!important;
    margin-bottom: 45vw!important;

}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 350px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: rgb(39, 220, 136); /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 26%; /* Center the snackbar */
    bottom: 80px; /* 30px from the bottom */
}
.border-vert{
    border: 2px solid  rgb(39, 220, 136);;
    padding-bottom: 31px;
    padding-top: 10px
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}



/********************css desktop: custom **************/
.big-image-service .vc_column-inner:first-child{
    max-width: 687px;
    margin-left: -15px;
    padding-top:2vw;
}
.big-image-service .img-service{
    margin:0 0 2vw 0;
}
.page-child .big-image-service .btn-service{
    margin:0 auto;
    left: 0 !important;
}
.big-image-service .icon-slog1 img {
    position: absolute;
    left: 3vw;
}
.big-image-service .slog-service {
    left: 0 !important;
    text-align: center;
}

.title-post-blog{
    text-align: center;
}
.des-simple-service .vc_column-inner {
    z-index: 0 !important;
}
.top-title{
        letter-spacing: 0px !important;
}
.page-child .content{
    padding:0;   
}
.page-child .container {
    background-image: url(/wp-content/uploads/2017/11/coverl_simplepage.png?id=315) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.page-child .header-service{
    background:none !important;
    z-index: -1;
    margin: 0 auto;
    display: inline-block;
    padding: 200px 0 0;
    height: auto;
}
.page-child .section-service {
    position: inherit;
    background-color: #ffffff ;
    margin: 0 auto;
    padding-bottom: 4vw;
}
.page-child .header-Simplepage {
    position: inherit;
    margin: 0 auto;
    width: 82%;
}
.page-child .vc_row .vc_column-gap-35 {
    margin-left: auto;
    margin-right: auto;
}
.page-child .section-service2 {
    position:initial;
    margin:20px auto 0 !important;
    width:82%;
}
.page-child .section2-p2 {
    left:0;
    padding-left: 0;
}

.page-child .section2-p {
    padding-right: 0!important;
}
.page-child ._padding {
    padding:0!important;
}
.page-child .p-desc-2 {
    padding:0;
}
.page-child .vc_custom_1511795950671 {
    background-image: none;
}
.page-child .slog-service{
    left:13vw;
}
.page-child .icon-slog2{
    margin-bottom:0;
}


@media (min-width:1050px)and (max-width:1800px){
  
    .list-service li{
        padding-bottom: 0.5vw!important;
    }
    .btn-rdv{
            top: 0vw;
    }
   
    .topnav .sub-sub-menu{
           height: 20.85vw; 
    }
    .sec-posts .row:nth-child(2n) .image {
    position: relative;
    left: 2.2vw;
}
    .desc-post{
        top:-0.1vw;
    }
    .sec-posts .row .image {
    margin: 0px 0px -1.6vw -1.1vw;
    margin-top: -1.1vw;
}
  
    .sub-sub-menu{
        height: 20.8vw;
    }
    .section-post-blog .post img{
        width: 98%;
        height: 20vw;
    }
   
    .title-post-blog{
          width: 98%;
    }
    .map iframe {
            height: 440px;
    }
    .plage-h p{
        margin-left: 1vw;
    }
}








/******************************IPAD*********************/
 @media (min-width:768px) and (max-width: 1024px)
 {
    /********************************MENU ******************************/
    .logo {
    width: 30.25vw;
     }
     .top-header a {
    font-size: 1.5vw;
    padding: 1vw;
    }
     .sec-services{
         top: -30vw;
     }
     .top-header {
    float: right;
     }
     .menu-desktop{
        display: none;
    }
    .menu-mobile{
        display: block!important;
        position: absolute;
    z-index: 1;
    top: 47px;
   }
    .icon-mobile i{
       color: rgb(214, 24, 31);
    font-size: 45px;
    padding-left: 30px;
    padding-top: -11%;
    position: fixed;
    left: 85%;
    width: 20px;
    top: 2%;
}
    .icon-mobile{
        text-decoration: none;
        float: right;
    } 
    .menu-list-mobile{
    transition-duration: 0.4s;
    right: 0px;
    overflow: visible;
    position: relative;
    top: -47px;    
    height: 100%;
    width: 65%;
    top: 4vw;
    }
    .top-bar-menu{
        background-color: #d6181f; 
        height: calc(60vw/3.2);
         
    }
    .top-bar-menu img{
        width: 36%;
        position: relative;
        left: 4%;
        top: 18%;
    }
   
    .menu-mobile{
        position: fixed;
        z-index: 500;
        width: 100%;
       margin-top: -10%;
       background-color: rgba(0, 0, 0, 0.68);;
    }
    .listnav{
        background-color: #005a8c!important;
    }
    .listnav .sub-menu{
        display: none;
    }
    .listnav > li > a{
    border-bottom: 2px solid rgba(83, 156, 224, 0.83);
    padding-bottom: 2px; 
    width: 74%;
    margin-left: 9%;  
    padding-top: 4%;
    padding-bottom: 4%;
   }
    .listnav > li > .sub-menu {
        list-style-type: none;
    }
    .listnav li {
        padding-left: 5%;
        font-size: calc(9vw/3.2);
        position: relative;
        list-style-type: none;
    }
    .icon-sub{
    position:absolute;
    top: 2vw;
    bottom: 0;
    width: 8%;
    margin-left: 83%;
    color: rgb(255, 255, 255);
     }
    .listnav{
        height: -webkit-fill-available;
        overflow: scroll;
        padding-bottom: 26vw!important;
    }
    .listnav ul.sub-menu > li{
            float: none!important;
            
          margin-bottom: -3%;
    }
    
    .listnav li a{
        padding: 14px 16px;
            width: 79%;
            position: relative;
    }
.close{
    position: relative;
    left: 86%;
    
}
.close i{
        font-size: calc(18vw/3.2);
}
.icon-sub:after{
    content: '\f067';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 0.25vw;
   text-decoration:none;
    color: #fff;
    font-size: calc(9vw/3.2);
   padding: 2.25vw;;
    

}
.listnav li ul.sub-menu li a:before{
       content: '\f105';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px -6.75vw;
    text-decoration: none;
    color: #d6181f;
    font-size: 16px;
    padding: 1.25vw;
    
} 

.changed:after{
    content: '\f2d1';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 0.25vw;
   text-decoration:none;
    color: #fff;
    font-size: calc(9vw/3.2);
   padding:2.25vw;;
    

} 
     
     
     /*********************** IPAD : BLOG *****/
     
     .p-simple p {
    font-size: 1.5vw;
     }
     
     .section-post-blog .m9{
         width: 100%!important;
     } 
     .section-post-blog .post .img {
       height: 27vw;
     }
     .section-post-blog .post img {
      height: 27vw;
     }
     .title-post-blog h2 {
    font-size: 2vw;
     }
     .btn-plus, .btn-bleu {
    padding:2vw;
    font-size: 2vw;
     }
     .section-post-blog .recents-posts {
       margin-left: 10vw;
     }
     .m3.recents-posts {
    width: 60%;
     }
     .name-post:before{ 
         font-size: 2vw;
        padding: 1vw;
     }
     .icon-infer-blog{
         width: 32%!important;
     }
     .recents-posts h2 {
    font-size: 3vw; 
    padding: 1vw;
     
     }
     .bottons a {
             width: 33%!important;
     }
     .bottons a:nth-child(2){
         margin-left: 8vw;
     } 
     .bottons a:first-child{
         margin-left: 14%;
     }
     /************************IPAD : FOOTER *****************/
     
    .content-footer{
        top:0px;
        margin-bottom: 11%;
        text-align: center;
        padding-top: 10%;
    }
    .section-footer{
        height: auto;
    }
    .logofooter img{
            width: 49%!important;
    margin-left: -11%;
    }
    
    .logofooter{
        width: 100%!important;
    }
    .sous-serv{
        width:100%!important;
    }
         .section-footer .btn-rdv{
         top: calc(40vw/3.2)
    }
    .section-footer .sous-serv:nth-child(4) .btn-rdv {
     top: calc(0vw/3.2)!important;
    }
    .section-footer .sous-serv:nth-child(4){
    margin-top: 15vw;
     }
    .rdv, .num{
        font-size:calc(11vw/3.2);
            left: -5%;
    position: relative;
    }
    .menu-footer li a {
    font-size: calc(10vw/3.2);
    }
    .menu-footer li{
        margin-bottom: 0px!important;
        width: 100%;
    margin-left: -7%;
    }
    .menu-footer li a:before{
     content: '\f105';
 
    color: #fff;
    font-size: 19px;
   padding: 0.25vw;
    
}
    .sous-title{
      font-size: calc(14vw/3.2);  
    }
    .p-footer {
    position: relative;
    top: 8vw;
    left: -10vw;
    width: 135%;
    }
    .section-footer .plage-h .btn-rdv {
    left: 24%;
    top: 14vw;
}
    .sous-serv .plage-h{
    font-weight: bold;
    top: 0vw;
    text-align: center;
    letter-spacing: 0.025vw;
        font-size: calc(10vw/3.2);
    margin-left: 13.25vw;
        
}
    .adr{
       font-size: calc(10vw/3.2); 
    }
    .content-footer .sous-serv:last-child .btn-rdv{
        top:0px!important;
            left: 1vw;
     
    }
    .content-footer .sous-serv:last-child{
            margin-top: 23%;
    }
    .section-footer .days {
    left: 4vw;
}
    .note-day{
    margin-left: 5%;
    padding-right: 5%;
}
     .days .m9{
         width: 100%;
     }
    .section-footer .heur {
    position: relative;
    left: 18.5vw!important;
    margin-top: -3vw;
     }
     .menu-menu_footer-container {
    margin-left: 7vw;
}
       .logo-virus{
           margin-left: 36vw!important; 
    }
     .logo-virus img{
         width: 100%;
     }
  
     /*******************************IPAD : HOME ********/
     .p-header {
   
        font-size: 1.6vw;
        width: 24vw;
     }
     .top-title{
         font-size: 4vw;
     }
   .service1{
         width: 44%!important;
    height: calc(216vw/7.68)!important;
    box-shadow: 4px 5px 20px -4px #d0d4d8, -1px 2px 20px rgba(255, 255, 255, 0.6)!important;
    margin-bottom: 15vw;
    left: 11%;
    }
    .icon-service{
    left: 37%;
    width: calc(76vw/7.68)!important;
    top: -5.3vw;
    }
     .__top {
    position: absolute;
    top: 5.9vw;
    left: 6vw;
    width: 65%;
    font-size: calc(18vw/7.6)!important;
     }
     .p-service{
             font-size: 1.8vw;
     }
     .iconPlus {
    font-size: 3vw;
    position: relative;
    width: 4vw;
    height: 4vw;
     }
     .img-propos, .des-propos{
         width: 95%!important;
     }
     .des-propos p{
         font-size: 2vw;
         margin-left: 14%;
     }
     .des-propos h1{
             margin-left: 10%;
             margin-top: 5%;
     }
     #map2,.horaire{
         height: 50vw!important;
     }
     .blogue-home{
         position: relative;
         top: 28vw;
        margin-bottom: 29vw;
        margin-left: 1vw!important;
     }
     .horaire .heur{
         position: relative;
      left: 9.5vw;
    margin-top: -5vw;
    line-height: 2vw;
     }
     .horaire .plage-h {
    position: relative;
    top: 4.5vw;
    margin-left: 1.25vw;
    color: #fff;
    font-size: 1.6vw;
    font-weight: 600;
    width: 36vw;
     }
     .sec-posts .post .image{
       width: 100%!important;  
     }
     .image img{
        height: auto;
       width: 100%;
     }
     .sec-posts h3{
         font-size: 3vw;
     }
     .content-post .p-simple p{
         font-size: 2vw;
     }
     .sec-posts .row:nth-child(2n) .image{
         left: 0px;
     }
     .desc-post { 
         margin-bottom: 5vw;
     }
     /****************IPAD :Page service ******************************/
     ._topServiceV4{
         left: 9vw!important;
     }
      ._topServiceV4 .service1:last-child{
             left: 35%;
     }
     
     /*****************FAQ******/
     .sec-Q, .sec-R{
         font-size: 1.9vw;
     }
     .page-id-27 h2{
         font-size: 3vw!important;
     }
     .page-id-27 a{
          font-size: 2vw!important;
     }
     /******************** Page services******/
     .p-desc-2{
         padding-right: 0vw!important;
         font-size: 1.6vw;
     }
     .section-service h2 , .section-service2 h2{
             font-size: 2.5vw!important;
     }
     .section-service2 p{
          font-size: 1.6vw!important;
     }
     .list-service li{
         font-size: 1.6vw!important;
     }
     .list-service li:before{
             margin: 5px 2px 0px -1.75vw;
     }
     .btn-service a{
         padding: 1vw!important;
     }
     .icon-slog1 img , .icon-slog2 img{
         width: 40px!important;
     }
     ._leftbtn {
        left: 5.8vw;
     }
     .btn-service {
         width: 26vw!important;
     }
     .big-icon-img {
         width: 20vw!important;
     }
     .big-icon-img img{
         width: 100%!important;
     }
     .des-simple-service{
         left: 11%;
     }
    
     /**********************Page CONTACT ****/
     .map iframe{
         height: 40vw;
     }
     .section-service h3{
         font-size: 2vw!important;
     }
     .section2-p h4, .section2-p2 h4{
          font-size: 1.8vw!important;
     }
     .header-Simplepage p{
         font-size: 1.8vw!important;
     }
     .list-service{
         margin: 0 0 0 0px!important;
     }
     .horaire-contact  .plage-h{
             font-size: 1.5vw!important;
     }
     .horaire-contact .heur {
          margin-top: -5vw!important;
         line-height: 2vw;
             left: 7.5vw!important;
     }
 }

/***********************************MOBILE *******************/
@media (max-width:767px){
    .menu-desktop{
        display: none;
    }
    .menu-mobile{
        display: block!important;
        position: absolute;
    z-index: 1;
    top: 47px;
   }
    /****** HOME PAGE *************************/
    .header {
       
    height: calc(323vw/3.2)!important;
    background-image: url(/wp-content/uploads/2017/12/cover-home-mobile.png) !important;
    }
 .top-header a{
    font-size: 2.2vw;
    font-weight: bold;
    padding: 3.8vw 1.5vw 3.5vw 2vw;
    }
    .top-header{
            right: 15.95vw;
    }
    .logo{
        width: 52.2vw;
        /*left: -5vw;*/
    }
	.logo span{
        padding-top:15px !important;
		font-size: calc(8.5vw/3.2)!important;
    }
    
    .title-home{
            width: 72%;
    } 
    .top-title{
        top: 19.5vw;
        line-height: 6vw;
        font-size: calc(18vw/3.2)!important;
    }
    .service1{
    width: 89%!important;
    height: calc(185vw/3.2)!important;
    box-shadow: 4px 5px 20px -4px #d0d4d8, -1px 2px 20px rgba(255, 255, 255, 0.6)!important;
    margin-bottom: 15vw;
    left: 11%;
    }
    .icon-service{
    left: 37%;
    width: calc(55vw/3.2)!important;
    top: -8.3vw;
    }
    .__top{
    position: absolute;
    top: 11.9vw;
    left: 1%;
    width: 100%;
    font-size: calc(18vw/3.2)!important;
    }
    .p-service {
    position: relative;
    top: calc(41vw/3.2);
    color: #58595b;
    font-weight: 600;
    text-align: center;
    font-size: calc(13vw/3.2);
    padding: 0px 1vw 1vw 0px
}
    .sec-services{
        top: calc(-12vw/3.2);
		left: 0;
    }
    
    
    .p-header {
    font-size: calc(12vw/3.2);
    width: 64%;
    position: relative;
    top: 16vw;
    line-height: 1;
}
    .iconPlus {
    font-weight: bolder!important;
    font-size: calc(16vw/3.2);
    width: 7vw;
    height: 7vw;
    
    
    }
    
    ._topIcon {
    top: 10.5vw!important;
    }
    .sec-propos{
            top: 7vw;
    }
    .title-propos {
        font-size: calc(22vw/3.2)!important;
        position: relative;
           top: calc(-298vw/3.2);
    }
    ._paddingRight {
    padding-right: 0vw;
}
    .img-propos{
        top: 15vw;
       position: relative;
    }
    .p-desc {
    text-align: left;
    font-size: calc(13vw/3.2);
    padding-left: 6%;
    color: #58595b;
    position: relative;
    top: 19vw;
    }
    .googlemap, .horaire-clinic{
            top: 33vw;
  
    }
    .googlemap{ 
        height: 61vw;
    width: 100%!important;
    }
    .heur {
    position: relative;
    margin-left: 39%;
    margin-top: calc(-24vw/3.2);
    width:61%;
    }
    .horaire { 
        height: calc(275vw/3.2);

  
    }
    .plage-h {
    font-size: calc(13vw/3.2);
    position: relative;
    top: 4.5vw;
    margin-left: 2.25vw;
    color: #fff;
    font-weight: 500;
        width: 100%;
    }
    .blogue-home{
           margin-top: 130vw;
        
    }
    .sec-posts{
        position: static;
        z-index: 0;
    }
    
    .mobile-version{
        display: block!important;
    }
    .des-version{ 
        display: none!important;
    }
    .btn-plus,.btn-bleu{
    padding: 3vw 2vw 3vw 2vw;
    font-size: calc(10vw/3.2);
   
        
    }
    #map2 {
       height: 69vw!important;
    /* width: 425px; */
    width: calc(320vw/3.2);
    margin-left: -10px;
}
    .btn-rdv {
    top: calc(90vw/3.2);
}
    p{
            font-size: calc(13vw/3.2);
    }
     .note-day{
        margin-top:3vw!important;
    }
    .sec-posts .post{
          box-shadow: none;  
    }
    /*********************Blogue HOME *******/
    .title h2{
            font-size: calc(22vw/3.2)!important;
            padding-bottom: 27%;
    }
    .content{
        padding-right: 0;
    	width: 100%;
    }
    .image img {
    height: 57vw;
    width: 100%;
}
    .content-post h3 {
        font-size: calc(14vw/3.2);
        
    font-weight: bold;
    color: #1f5e88;
    position: relative;
        left: 3.5vw;
        top: 3vw;
    }
    .p-simple p {
        font-size: calc(13vw/3.2);}
    

    .sec-posts .post .image{
        padding-left: 0px;
    padding-right: 0px;
    }
    .page-id-6 .post{
            position: relative;
           top: -18vw;
    }
   .content-post{
          margin: calc(-32vw/3.2);
    }
    .bottons{
            position: relative;
          left: 0;
            padding-bottom: 20vw;
    }
     .m3
    {
        width: 25%;
    }
    .m4
    {
        width: 33.33%;
    }
    .m5
    {
        width: 41.66%;
    }
    .content-post .m6
    {
        width: 42%;
    }
    /***************************FOOTTER *******************/
    .content-footer{
        top:0px;
        margin-bottom: 11%;
        text-align: center;
        padding-top: 10%;
    }
    
    .section-footer{
        height: auto;
    }
    .logofooter img{
            width: 75%!important;
    }
    
    .logofooter{
        width: 100%!important;
    }
    .sous-serv{
        width:100%!important;
    }
    .section-footer .btn-rdv{
         top: calc(40vw/3.2)
    }
    .section-footer .sous-serv:nth-child(4) .btn-rdv {
     top: calc(0vw/3.2)!important;
    }
    .section-footer .sous-serv:nth-child(4){
           margin-top: 20vw; 
    }
    .sous-serv {
    margin-top: 1vw;
     }
    .rdv, .num{
        font-size:calc(13vw/3.2);
          
    position: relative;
    }
    .menu-footer li a {
    font-size: calc(14vw/3.2);
    }
    .menu-footer li{
        margin-bottom: 0px!important;
        width: 100%;
    }
    .menu-footer li a:before{
     content: '\f105';
 
    color: #fff;
    font-size: 19px;
   padding: 0.25vw;
    
}
    .sous-title{
      font-size: calc(16vw/3.2);  
    }
    .p-footer {
    position: relative;
    top: 10vw;
    }
    .section-footer .plage-h .btn-rdv {
    
    top: 14vw;
}
    .sous-serv .plage-h{
    font-weight: bold;
    top: 0vw;
    text-align: center;
    letter-spacing: 0.025vw
}
    .adr{
       font-size: calc(13vw/3.2); 
    }
    .content-footer .sous-serv:last-child .btn-rdv{
        top:0px!important;
         
     
    }
    .content-footer .sous-serv:last-child{
            margin-top: 23%;
    }
    .section-footer .days {
		    left: 0;

}
    .note-day{
    margin-left: 5%;
    padding-right: 5%;
}
    .logo-virus{
          margin-left: 0;
    }
    .logo-virus img{
            width: 40%;
    }
    /********************************MENU ******************************/
    .icon-mobile i{
       color: rgb(214, 24, 31);
    font-size: 31px;
    padding-left: 30px;
    padding-top: -11%;
    position: fixed;
        left: 80%;
    width: 20px;
    top: 2%;
}
    .icon-mobile{
        text-decoration: none;
        float: right;
    } 
    .menu-list-mobile{
    transition-duration: 0.4s;
    right: 0px;
    overflow: visible;
    position: relative;
    top: -47px;    
    height: 100%;
	max-width: 100vw;	
    }
    .top-bar-menu{
        background-color: #d6181f; 
            height: calc(60vw/3.2);
		    text-align: center;
    padding-top: 5px;
    }
    .top-bar-menu img{
        width: 36%;
    }
   
    .menu-mobile{
        position: fixed;
        z-index: 500;
        background-color: #005a8c;
    }
    .listnav{
        background-color: #005a8c!important;
    }
    .listnav .sub-menu{
        display: none;
    }
    .listnav > li > a{
    border-bottom: 2px solid rgba(83, 156, 224, 0.83);
    padding-bottom: 2px; 
    width: 74%;
    margin-left: 9%;  
    padding-top: 4%;
    padding-bottom: 4%;
   }
    .listnav > li > .sub-menu {
        list-style-type: none;
    }
    .listnav li {
        padding-left: 5%;
        font-size: calc(14vw/3.2);
        position: relative;
        list-style-type: none;
      
    }
    .icon-sub{
        position: absolute;
    top: 2vw;
    bottom: 0;
    width: 8%;
    margin-left: 83%;
    color: rgb(255, 255, 255);
     }
    .listnav{
        height: -webkit-fill-available;
        overflow: scroll;
        padding-bottom: 26vw!important;
		width:100%
    }
    .listnav ul.sub-menu > li{
            float: none!important;
            
          margin-bottom: -3%;
    }
    
    .listnav li a{
        padding: 14px 16px;
            width: 79%;
            position: relative;
    }
.close{
        position: relative;
    left: 90%;
    z-index: 9;
    width: 0;
    padding: 0;
    top: 25%;
    
}
.close i{
        font-size: calc(18vw/3.2);
}
.icon-sub:after{
    content: '\f067';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 0.25vw;
   text-decoration:none;
    color: #fff;
    font-size: calc(14vw/3.2);
   padding: 2.25vw;;
    

}
.listnav li ul.sub-menu li a:before{
       content: '\f105';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px -6.75vw;
    text-decoration: none;
    color: #d6181f;
    font-size: 16px;
    padding: 1.25vw;
    
} 

.changed:after{
    content: '\f2d1';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 0.25vw;
   text-decoration:none;
    color: #fff;
    font-size: calc(14vw/3.2);
   padding:2.25vw;;
    

}
/**************************************page service ******/

.header-service {
    height: 99vw;
}
._topServiceV4 {

    left: 8vw!important;
}
    .page-id-29 .header-Simplepage{
        position: relative;
    }
  .page-id-21 .para-header {
    top: 2.15vw;
}
    /*****************************CONTACT **********************/
   .page-id-650 .container, .page-id-29 .container , .page-id-27 .container  {
        background-size: contain!important;
    }
    .p-desktop{
        display: none;
    }
    .horaire-contact .plage-h{
            margin-left: -1vw;
    }
    .horaire-contact .plage-h p
    {
            margin-left: 3vw
    }
    
    .page-id-29  .p-service-simple{
       
            top: 21vw;
    }
    .page-id-29 .header-Simplepage{
            margin-left: 4vw;
            top: 1.5vw;
            left:5vw!important;
    }
   .section-service{
        background-color: transparent!important;
        box-shadow: none!important;
        top: 50vw!important;
        left: 6.85vw;
    }
    .vc_custom_1512987966962{
        background-color: transparent!important;
    }
    .map iframe {
            height: 300px;
            width: 85vw!important;
    }
    .horaire-contact .days .day:last-child .heur{ 
            line-height: 29px;
          margin-top: calc(-34vw/3.2);
    }
    .horaire-contact .heur{
        width:100%!important;
    }
    .title-form , .page-id-29 h2{
        font-size: calc(16vw/3.2)!important;
    
    }
    .btnSubmit{
            padding: 3vw 4vw 3vw 4vw!important;
            font-size: 4vw!important;
    }
    .page-id-29 .bloc-sub-service{
            top: 3vw;
    /* height: 172vw; */
    margin-bottom: 82%;
    }
    .page-id-29  h3{
            line-height: 3.3;
            font-size: calc(16vw/3.2)!important;
    }
    .page-id-29 h4{
            font-size: calc(13vw/3.2)!important;
    }
     ul.list-service{
        margin-left: 2%;
    }
    .wpb_gmaps_widget .wpb_wrapper{
        background-color: transparent!important;
    }
    .section2-p{ 
        left: -4vw;
    }
    .horaire-contact .day .m3{
        width:100%!important;
    }
    
    .sec-par p{
            font-size: calc(9vw/3.2)!important;
            
    }
    .page-id-29  .section-service2{
            top: -5vw!important;
    }
    .wpcf7{
            width: 115%;
    }
    /****************Partenaire MOBILE*************************/
    
    .page-id-27 .top-title{
        top:25vw;
        font-size: calc(25vw/3.2)!important;
    }
  
    .page-id-27 .section-service{
           margin-bottom: 56vw!important; 
    }
    /*******************************PAGE ENTREPRISE **************************/
    .page-id-650 .top-title{
        top: 23vw;
    }
    .page-id-650 .section-service {
        top: 33vw!important;
    }
        .page-id-650 .section-service p{
            line-height: 22px;
            padding-right: 0vw!important;
            padding-left: 1vw!important;
                
        }
    .page-id-650 .section-service {
        top:-40vw;
      
    }
    .page-id-650 .img-service{
        position: relative;
        left: 10vw;
    
    }
    .page-id-650 .section-service p {
        
      width: 130%;
    }
    .page-id-650 .section-service2 {
    position: relative;
    margin-left: 2.9vw!important;
    top: 31vw;
}
    
    /*******************************BLOGUE **************************************/
    .section-post-blog .post.m5{
        width:100%!important;
            margin-bottom: calc(37vw/3.2);
    }
    .section-post-blog .post img{
       height: calc(203vw/3.2);
    }
    .section-post-blog .post .img{
            height: calc(203vw/3.2);
    }
    .section-post-blog{
        background-color: transparent;
        box-shadow: none;
        margin-top: -15vw;
        width:100%;
        left: 3vw;
    }
    .section-post-blog .m9{
        padding: 0px;
    }
    .title-post-blog{
        width: 100%;
    }
    .title-post-blog h2 {
    font-size: calc(15vw/3.2);
    padding-top: 4vw;
}
    .section-post-blog .btn-plus {
    padding: 3vw 2vw 3vw 2vw;
    font-size: calc(13vw/3.2);
    margin-right: 11%;
    /* text-align: center; */
    margin-left: calc(57vw/3.2)
    }
    .section-post-blog .p-simple {
        width: 100%;
    }
    
    /********side bar blog ***/
    .recents-posts.m3{
        width: 100%;
        padding-bottom: 18vw!important;
    }
    .recents-posts h2{
        font-size: calc(15vw/3.2);
        padding: 6vw;
    }
    .name-post:before{
           font-size: 7vw;
          padding: 1vw; 
    }
    .col.recents-posts{
        padding: 0px;
        padding-left: 5vw;
    }
    /*********************** Single post ***********/
    .content-single{
       width: 100%;
        background-color: transparent;
        box-shadow: none;
        margin-left: 0px;
        margin-top: 70%;
    }
    .post .top-title{
            top: 36vw;
    }
    .content-single .col{
       padding: 0px; 
      padding-right: 3.5vw;
    }
    .content-single h3{
            font-size: calc(18vw/3.2);
       font-weight: bold;
            padding-bottom: 10vw;
    padding-top: 5vw;
    }
    .content-single h2{
         font-size: calc(20vw/3.2);
    }
    .content-single ul{
        margin: 0 0 0 0px;
    }
    .content-single li:before{
    font-size: 3vw;
    margin: 5px 7px 0px -1.75vw;
    }
    .icon-infer-blog{
        width: 25%!important;
    }
    
    /**************************** CSS MOBILE : CUSTOM ************************/
    .big-image-service .icon-slog1 img {
    left: 4vw !important;
    }
  .page-child .container {
    background: url(/wp-content/uploads/2017/12/bg-service-mobile.jpg) top center/contain no-repeat !important;
    background-size: 135% !important;
   }
    .page-child .container{
        width: 100%;
    }
    .page-child .header-service{
        padding:0;
        margin-top: 65px;
    }
   .page-child .header-Simplepage{
        width:100%;
    }
  .page-child  .p-desc-2, .section-service2 .p-desc-2, .section2-p2 .p-desc2{
    font-size: calc(12vw / 3.2);
    color: #58595b;
    line-height: 2;
    }
  .page-child .p-service-simple{
    top:0;
  }
  .page-child .p-service-simple p{
    font-size: calc(10vw / 3.2);
    line-height: calc(12vw / 3.2);
    }
  .page-child  .btn-service{
        left:0;
        font-size: calc(11vw / 3.2) !important;
    }
  .page-child  .btn-plus{
        padding: 2vw 2vw 2vw 2vw;
    }
  .page-child  .btn-service{
    width: 70%;
    margin: 0 auto;
    }
  .page-child  .section-service {
     width: 100%;
    background: none !important;
    box-shadow: none;
    padding-bottom: 0;
    }
  .page-child  .section-service2{
    margin: 0 !important;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    }
   .page-child .img-service{
        margin-left:0;
        padding-top:0;
    }
  .page-child  .wpb_wrapper .title-page {
    font-size: calc(20vw / 3.2) !important;
    width: 100% !important;
    line-height: calc(20vw /3.2);
    margin-bottom: 1vw;
    top:0;
    }
   .page-child .wpb_wrapper h2{
        font-size:calc(18vw / 3.2) !important;
    }
  .page-child  .bloc-sub-service{
        margin-top:20px;
    }
   .page-child .big-icon-service {
    width: 35% !important;
    top: -20px;
    left: 0; 
    }
   .page-child .vc_row.vc_column-gap-35>.vc_column_container{
    padding:0;
    }
    .page-child .des-simple-service{
        width:64%;
        display: inline-block !important;
        margin-top: 10px;
    }
   .page-child .big-icon-img img{
        width:100% !important;
    }
   .page-child .icon-slog1 img{
        left: 16vw;
        width:30px;
    }
   .page-child .icon-slog2 img{
        width:30px;
        left: 66vw;
    }
   .page-child .header-service .btn-rdv{
       top:0;
   }
  .page-child  .slog-service{
        font-size: calc(13vw /3.2);
    line-height: calc(13vw /3.2);
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    }
   .page-child .icon-slog1{
        margin-bottom:0;
    }
    .blogue-home .icon-infer{
       width: 28%!important; 
    }
}
    



@media(max-width:320px){
    .heur{
         margin-top: calc(-31vw/3.2);
    }
    .horaire {
    height: calc(280vw/3.2);
    }
    .note-day{
        margin-top:2vw!important;
    }
    #map2 {
    height: 72vw!important;
    }
    
}

@media (min-width: 400px){
    .container
    {
        width: 100%;
    }
}
@media(min-width:1060px)
{
    .content-footer .btn-rdv{
       position: absolute;
    top: 83%;
    bottom: 0;
}
    .adress-footer{
    position: absolute;
    bottom: 0;
}
}

    
/* Fix: anchor desktop dropdown to its parent menu item */
header.menu-desktop ul.topnav { overflow: visible; }
header.menu-desktop ul.topnav::after { content: ""; display: table; clear: both; }
.topnav > li.menu-item-has-children { position: relative; }
.topnav .sub-menu {
  position: absolute; top: 100%; right: 0; left: auto; margin: 0;
}
.topnav .sub-sub-menu {
  position: absolute; top: 0; right: 100%; left: auto; margin: 0; height: 100%;
}

/* Fix: keep tablet hamburger clear of the top-right buttons */
@media (min-width: 768px) and (max-width: 1024px) {
  .icon-mobile i { left: auto; right: 20px; width: auto; padding-left: 0; }
}