@font-face {
    font-family: 'Quicksand';
    src: url('/files/cto_layout/fonts/Quicksand-Regular.ttf');
  }

  

html, body {
    font-family: 'Quicksand', sans-serif;
    font-size:17px;
}

.ce_tabs .panes.vertical {
background-color: #f7f7f7;
padding-top:2rem;
padding-bottom:2rem;


}


.ce_hyperlink a, a.btn {

    padding: 7px 50px;
    font-size: 1.3rem;

}
.header .inside {
max-width:1800px;
padding-right:10px;

}
.header .mainmenu ul li a.active span {
    border-bottom-width: 4px;
}
.stickyheader .logo a {
    width: 280px;
}

.ce_video_background {
border-left:30px solid #fff;
border-right:30px solid #fff;

}
.ce_headerimage.height_large {
    border-left:30px solid #fff;
    border-right:30px solid #fff;
  }
.ce_headerimage {
    border-bottom-color:#fff !important;

  }
  .ce_bgimage.vertical_centered .ce_bgimage-inside {
    margin-left: 10%;
  }
.head-accueil .ce_bgimage-image {
    border-left: solid 18px #fff;
    border-right: solid 18px #fff;
    }


  
.mod_breadcrumb {
    border-top: none !important;
   
}

.mainmenu ul {

    padding-top:35px;
}
.mainmenu ul ul li a {

font-weight:bold;

}
.header .mainmenu ul ul li a:hover span::before {
    height:2px;

    background: #ee5f29;

}
.ce_text_extented.lh-1 p {

font-family: 'Outfit', sans-serif;

}

.font_headline {
    font-family: 'Outfit', sans-serif;

}


h1 {
    color: #312727;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 3.3rem;
    line-height: 4.8rem;
}
span.color-accent {
font-weight:normal;

}
h2 {
    color: #312727;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 2.7rem;
    line-height: 3rem;
}
h3 {
    color: #312727;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 1.48rem;
    line-height: 3.16rem;
}
h4 {
     color: #312727;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 2.16rem;
   

}
h5 {
 
    font-family: 'Quicksand', sans-serif;
    font-size: 1.59rem;
    line-height: 1.86rem;
}



h6 {
    color: #ee5f29;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.99rem;
    line-height: 1.86rem;
}

.mod_langswitcher {
position:absolute;
margin-top:1px;
right:240px;

}
.mod_langswitcher_inside:before {
border:none!important;

}

#footer h4 {
font-size: 21px;

}


.mainmenu ul li a {
    font-family: 'Quicksand', sans-serif;
  }

.bt-resa {
    position:flex;
    float:right;
    width: 250px;
    align-items: center;
    font-size:1.18rem;
    margin-top:11px;
    margin-right:-55px;
   font-weight:700;


}
.top-resa {
   
    line-height:23px;
    margin-top: 15px;
    margin-right:-5px;
    padding: 6px 35px 6px 30px;
    margin: 0;
    border: 5px solid #be2026;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    background-color: #be2026;
}
.top-resa:hover { 
    background-color: #ee5f29;
    border-color:#ee5f29;
}
.bt-resa .hyperlink_txt {
    color:#fff;
    text-indent: 5px;

}
.bt-resa .hyperlink_txt:hover {
  opacity:0.7;
}

#tuile div.ce_bgimage .ce_bgimage-imag {
border-top-left-radius: 30px;
}

.ce_iconbox p{
font-size:0.9rem;

}


.ce_linkbox.version4 .content h5 {
border-top:none!important;
display:block;
margin-bottom:11em;
border-bottom:5px solid;
text-align: left;
padding-left: 0.4em;
text-indent: 0;

}

.ce_linkbox.version4 .image_container img{
    border-top-right-radius: 40px;
    border-bottom-left-radius:40px;

}
.ce_linkbox.version5 .image_container img{
    border-top-right-radius: 40px;
    border-bottom-left-radius:40px;
    overflow: hidden;
}

.ce_linkbox.version5 .ce_linkbox_link .ce_linkbox_image {
    border-top-right-radius:40px!important;
    border-bottom-left-radius:40px!important;
}
.ce_linkbox.version5 .image_container img {
    transition: transform 0.5s ease!important;
    -webkit-transition: transform 0.5s ease!important;
  }

  .ce_linkbox a i {
       border-radius: 40px;
}



  .ce_gallery .content {
    background: rgba(238,95,41,.68);
  }

.tuile .ce_hyperlink {
margin-top:-80px;

z-index: 100;
position: relative;
}
.tuile .ce_hyperlink a { 
font-size:0.9em;
}


.ce_linkbox .ce_headline h5 {
    font-size: 25px;
    border-bottom: 5px solid #fff;
    margin-left:-30px;
    text-indent:15px;
    color:#fff;
    width:98%;
    font-weight:bold;
}
.ce_linkbox.version5 .content {
top:20%;

}
.ce_linkbox.version4 .ce_linkbox_overlay {
    background: rgba(255,255,255,.18);
    border-top-right-radius:40px!important;
    border-bottom-left-radius:40px!important;

}
.ce_linkbox.version3 .ce_linkbox_overlay {
    background: rgba(255,255,255,.25);

}


#footer  {
    border-top: 1px solid #f2f0f0;

}



.tuile .ce_hyperlink-extended {

margin-left:25px;
margin-right:25px;

}


.puces .orange h6 {
    position:relative;
  
}
.puces .orange h6::before {
    content: "";
    position: absolute;
    width: 4rem;
    height: 4rem;
   background: url(/files/cto_layout/img/icone/puce2.png);
}

.puces .orange h6::before {
    background-size: contain;
    background-repeat: no-repeat;
}
.puces .blanc h5 {
    position:relative;
  
}
.puces .blanc h5::before {
    content: "";
    position: absolute;
    width: 4rem;
    height: 4rem;
   background: url(/files/cto_layout/img/icone/puce-blanc.png);
}

.puces .blanc h5::before {
    background-size: contain;
    background-repeat: no-repeat;
}







@media screen and (max-width:1480px) {
 .mainmenu ul li a {
        font-size: 14px;
      }


}




@media screen and (max-width:1360px) {
    .logo a {
        width: 260px;
        margin-top: -39px;
    }

    .stickyheader .logo a {
        width: 240px;
        height: 98px;
        margin-top:-8px;
        
    }
   

}

@media screen and (max-width:1080px) {
.mod_langswitcher{
display:none;

}
   

}



@media only screen and (min-width: 768px) and (max-width: 1080px)
{

.smartmenu .smartmenu-trigger {
        height: 70px !important;
        margin-right: 50px;
      }

.header .smartmenu .smartmenu-trigger .line::before {
background:#ee5f29;
height:4px;

}
.header .smartmenu .smartmenu-trigger .line::after {
    background:#ee5f29;
    height:4px;
    }
    .header .smartmenu .smartmenu-trigger .line  {
        background:#ee5f29;
        height:4px;
        }

.logo a {
    width: 200px;
    margin-top: 0px;
}
.header.original .logo {
    height: 88px;
  } 
.stickyheader .logo a {
    width: 240px;
    height: 98px;
    margin-top:-8px;
}

}

@media screen and (max-width: 768px) {
    .header .logo a{
    width: 200px;
    margin-top:8px;
  }
  .stickyheader .logo a {
     margin-top:-8px;
}


.top-resa {
display:none;
  }
  .mmenu_trigger .burger {
    height: 51px;
    width: 31px;
    position: relative;
    font-size: 27px;
}
.mmenu_trigger .burger .lines:before {

	top: 9px;


}


h1 {

    font-weight: 700;
    font-size: 1.9rem;
    line-height: 2.3rem;
}

h2 {

    font-weight: 700;
    font-size: 1.59rem;
    line-height: 2.3rem;
}
h3 {
   
    font-weight: 700;
    font-size: 1.18rem;
    line-height: 3.16rem;
}
h5 {
 
    font-family: 'Quicksand', sans-serif;
    font-size: 1.3rem;
    line-height: 1.86rem;
}



h6 {

    font-size: 1.2rem;
    line-height: 1.56rem;
}

.puces .orange h6::before {
    width: 2.4rem;
    height: 2.4rem;
 
}
.puces .blanc h5::before {

    width: 2.4rem;
    height: 2.4rem;

}


.ce_text_extented.font-size-xl p {
font-size:2rem;
}
.ce_text_extented.font-size-s p {
    font-size:1rem;
    }
.ce_bgimage.vertical_centered .ce_bgimage-inside {
    margin-left: 10px;
    margin-right:10px;
  }
  .ce_linkbox .ce_headline h5 {
    font-size: 22px;
    color:#fff;
    text-indent:9px;
}
.ce_hyperlink a, a.btn {
    padding: 7px 10px;
    font-size: 1rem;
  }


}