@font-face {
	font-family: MinionPro;
	src: url('../../saintmathieu/fonts/MinionPro-Regular.otf');
  }
  @font-face {
	  font-family: 'ABeeZee';
	  src: url('../../saintmathieu/fonts/ABeeZee-Regular.ttf');
	}




  @font-face {
	font-family: NeoSansStd;
	src: url('../../saintmathieu/fonts/neo-sans-std-bold.otf');
	font-weight: bold;
  }
  @import url('https://fonts.googleapis.com/css2?family=ABeeZee');



  /* =============================================================================
   * body
   * ========================================================================== */

  html, body  {
	  font-family: 'ABeeZee';
	  font-weight: 500;

  }

  h1, h2, h3, .h1, .h2, .h3, h4, .h4,
  .ce_revolutionslider_text.bold, .font_headline {
	  font-family: NeoSansStd;
	  font-weight: 700;
	  margin-bottom: 2px;
  }

  h5, h6, .h5, .h6
  {
	  font-family: 'ABeeZee';
	  font-weight: 400;
	  margin-bottom: 2px;
  }
  #widget_header {
background-color:#ff6666!important;
  }



  a:hover{
    opacity: .7;
  }

  h1,
  .h1,
  .h1 p {
	  font-size: 4rem;
	  padding-top: 0;
  }


  h2,
  .h2,
  .h2 p {
	  font-size: 2.53rem;
  }

  h3,
  .h3,
  .h3 p {
	  font-size: 2.4rem;
  }

  h4,
  .h4,
  .h4 p {
	  font-size: 2.3rem !important;
  }

  h5,
  .h5,
  .h5 p {
	  font-size: 2.2rem;
  }

  h6,
  .h6,
  .h6 p {
	  font-size: 1.2rem;
	  font-weight: bold;
  }

  .ce_hyperlink.btn-accent-outline a {
width:220px;

  }



  .ce_tabs .tabs.classic ul li{
	  cursor: pointer;
  }

  .ce_tabs .tabs.classic ul li.active{
	  background-color: #018fd1;
  }

  .ce_tabs .tabs.classic ul li.active a{
	  color: #ffffff !important;
  }

  .ce_image_text_box_inside{
	  transition: ease-in-out .3s;
  }

  .ce_image_text_box_inside:hover{
	  transform: translateY(10px);
  }

  .ce_gallery .capt{
	  transition: ease-in-out .3s;
  }

  .ce_gallery .capt:hover{
	  transform: translateY(10px) !important;
  }

  .ce_hyperlink.btn-accent-outline a{
    border-color: #018fd1;
    color: #018fd1;
  }

  .ce_iconbox_blue .ce_iconbox_inside{
	  position: relative;
	  background-color: #018fd1;
	  margin: auto;
	  padding: 16px;
	  max-width: 390px;
  }

  .ce_authorbox.style2 .ce_authorbox_content{
    color: #ffffff;
	  background-color: #018fd1;
  }
  .saint-mathieu-pink .ce_authorbox_inside .ce_authorbox_content{
    color: #ffffff;
	  background-color: #ff6666;
  }
  .ce_authorbox.style2 .name{
    color: #fff;
  }

  .ce_authorbox.style2 .link a{
    color: #fff;
    border-bottom: 1px solid #fff;
  }

  .ce_authorbox.style2 .link a::before{
    content: none !important;
  }

  .galerie-container{
    background-color: #ffffff;
  }

  .galerie-container-histoire{
    background-color: #F2E6D2;
  }

  .ce_image_text_box .ce_image_text_box_banner {
    background: #ff6666;
  }



  @media only screen and (max-width:767px) {
	  h1,
	  .h1,
	  .h1 p {
		  font-size: 3rem;
		  padding-top: 0;
	  }

	  h2,
	  .h2,
	  .h2 p {
		  font-size: 2.3rem;
	  }

	  h3,
	  .h3,
	  .h3 p {
		  font-size: 2.2rem;
	  }

	  h4,
	  .h4,
	  .h4 p {
		  font-size: 2.1rem !important;
	  }

	  h5,
	  .h5,
	  .h5 p {
		  font-size: 2rem;
	  }
  }


  /* =============================================================================
   * Article
   * ========================================================================== */
  #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth) > .container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container {
	  max-width: 1048px;
	  margin-left: auto;
	  margin-right: auto;
  }

  /* =============================================================================
   * Header
   * ========================================================================== */
  #header .inside
  {
	  max-width: 100%;
  }

  #stickyheader .inside
  {
	  max-width: 100%;
  }

  /* =============================================================================
   * Logo
   * ========================================================================== */
  .logo {
	  width: 200px !important;
  }

  @media only screen and (min-width: 768px) {
  .logo {
	  width: 300px !important;
  }
  }

  @media only screen and (min-width: 928px) {
  .logo {
	  width: 370px !important;
	  margin-left: 15%;
  }
  }

  .stickyheader .logo {
	  width: 280px;
	  height: 70px;
  }

  /* =============================================================================
   * SmartMenu
   * ========================================================================== */
  @media only screen and (min-width: 768px) {

  .smartmenu .smartmenu-trigger {
	  height: 80px;
	  width: 170px;
	  background: #018fd1;
	  color: white;
	  font-weight: bold;
	  font-family: NeoSansStd;
  }


  smartmenu .smartmenu-trigger  {
	  height: 80px;
  }


  .smartmenu .smartmenu-trigger::before {
	  position: absolute;
	  left: 40px;
	  top:50%;
	  margin-top: -10px;
	  content: 'Menu';
	  line-height: normal;
	  text-transform: uppercase;
  }

  .smartmenu .smartmenu-trigger .line {
	  height: 2px;
	  background: #fff;
	  width: 30px;
	  position: absolute;
	  display: block;
	  top: 50%;
	  margin-top: -1px;
	  right: 20px;
  }

  .smartmenu .smartmenu-trigger .line::before, .smartmenu .smartmenu-trigger .line::after {
	   background: #fff;
	   width: 30px;
	   height: 2px;
  }

  .smartmenu-trigger:hover {
	  opacity:.8
  }

  .custommenu-trigger {
	  margin-top: auto;
	  margin-bottom: auto;
	  padding-left: 20px;
		line-height: 80px;
  }

  .custommenu-trigger a{
	  color: #018fd1;
	  font-family: NeoSansStd;
	  font-weight: 700;
  }

  .custommenu-trigger a:hover
  {
   opacity:.8
  }
  /*
  .stickyheader .custommenu-trigger {
	  line-height: 70px;
  }
  */
  }
  /* =============================================================================
   * MobileMenu
   * ========================================================================== */
	@media only screen and (min-width:767px) {
		.mmenu_trigger {
			margin-right: 190px;
			line-height: 82px;
		}
		.smartmenu {
    	display: flex;
		}
	}

  /* @media only screen and (max-width:767px) { */
  .header {
	  overflow: hidden;
  }

  .mmenu_trigger {
		display: flex !important;
	  color: #fff;
	  background: #018fd1;
  }

  .mmenu_trigger .label {
	  margin-right: 1.5rem;
	  margin-left: 1.5rem;
	  font-weight: bold;
	  font-family: NeoSansStd;
	  text-transform: uppercase;
  }

  .mmenu_trigger .burger {
	  margin-right: 1.5rem;
  }

  .mmenu_trigger .burger .burger_lines, .mmenu_trigger .burger .burger_lines::after, .mmenu_trigger .burger .burger_lines::before {
	  background: #fff;
  }
	#mmenu {
		display: block !important;
		min-width: unset !important;
	}
  /* } */

  /* =============================================================================
   * Iconbox
   * ========================================================================== */
  #article-13313
  {
	  margin-top: -50px;
	  font-family: NeoSansStd;
	  font-size: 0.6rem;
  }

  .flexitem200
  {
	  min-width: 158px;
	  max-width: 158px;
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
	  background-color: white;
	  margin-top: 10px;
	  margin-right: 2px;
  }

  #article-13313 .autogrid_row
  {
	  justify-content: center;
	  margin: 0;
	  line-height: 1;
  }

  #article-13313 .autogrid_row h3
  {
	  font-size: 0.8rem;
	  font-weight: 900;
	  line-height: 1;
  }

  #article-13313 .column
  {
	  padding: 0;
  }

  #article-13313 .column .attributes
  {
	  padding: 2px;
  }

  #article-13313 p
  {
	  margin: 0;
  }

  .ce_iconbox:not(.version2):not(.version3) .ce_iconbox_cwrapper {
	  margin-top: 10px;
  }

  .ce_iconbox .content {
	  margin-top: 5px;
  }

  .ce_iconbox{
	  margin-bottom: 10px;
  }

  #article-13313 .image_container img {
	  height: 80px;
  }


  /* =============================================================================
   * Slider
   * ========================================================================== */
  #article-13311 .slider-control
  {
	  display: none;
  }

  .ce_text_imagebox_image
  {
	   text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  }

  .ce_text_imagebox .headline {
	  margin-bottom: -15px;
  }

  /* =============================================================================
   * InfoMairie
   * ========================================================================== */


  #saintMathieuPresentation
  {
	  margin-left: 30px;
  }

  #saintMathieuPresentation .ce_text
  {
	  margin-top: 40px;
  }

  .ce_colorbox .ce_colorbox_inside {
	  padding: 45px 25px 25px 25px;
  }

  #saintMathieuPresentation #subTitle
  {
	  margin-top: -10px;
  }

  #saintMathieuPresentation p
  {
	  line-height: 1.5;
  }

  #mairieInfo .ce_headline h6
  {
	  font-family: NeoSansStd;
	  font-weight: 700;
  }

  #mairieInfo strong
  {
	  font-weight: 1000;
	  font-size: 1.1rem;
  }

  /* =============================================================================
   * Actualités
   * ========================================================================== */


  #article-13315 .ce_headline
  {
	  font-size: 2rem;
  }

  #article-13315 h6
  {
	  font-family: NeoSansStd;
	  font-weight: 900;
	  font-size: 1rem;
  }

  .newsteaser-v4
  {
	  padding-right: 18px;
	  padding-bottom: 3px;
  }

  .newsteaser-v4-inside {

	  border: 1px solid rgb(220,221,221);
	  border-radius: 8px 8px 8px 8px;
	  box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, 0.4);
	  background: #fff;
  }

  .newsteaser-v4-inside .image_container
  {
	  margin: 10px 10px 0 10px;
  }


  .newsteaser-v4 .image_container img
  {
	  margin-left:auto;
	  margin-right:auto;
  }

  .newsteaser-v4-inside .content
  {
	  border:0;
	  border-radius:0;
	  background: none;
	  text-align: left;
	  line-height: 1rem;
	  font-size: 0.8rem;
	  padding: 10px;
  }

  .ce_hyperlink.small a
  {
	  margin-bottom:0;
	  color: #33ccff;
	  background: none;
	  border: 0;
	  font-weight: 900;
	  font-family: NeoSansStd;
	  padding: 0;
	  text-align: left !important;
  }


  /* =============================================================================
   * Le Lac
   * ========================================================================== */
  #article-13314 h6
  {
	  font-family: NeoSansStd;
	  font-size: 0.85rem;
  }

  .bgvideo{
    background-image: url('../../saintmathieu/img/background-trees.png');
	  background-repeat: no-repeat;
	  background-position: bottom right;
	  background-size: auto;
    background-color: #002f3f;
  }

  .gites-cards{
    margin: auto;
  }
.bg-achure{
  background-image: url('../../cto_layout/img/fond/diagonal-thin-dark.png') !important;
}


  /* =============================================================================
   * Call to action box
   * ========================================================================== */
  #callToReserve h2
  {
	  color: white;
  }


  /* =============================================================================
   * footer
   * ========================================================================== */
  #footer
  {
	  background-image: url('../../saintmathieu/img/background-trees2.png');
	  background-repeat: no-repeat;
	  background-position: bottom right;
	  background-size: auto;
    border-top: #787878 solid 1px;
  }


  #footer .autogrid_row .column
  {
	  flex-basis: 50%;
  }

  @media only screen and (max-width:767px), (min-device-width : 768px) and (max-device-width : 1024px)
  {
	  #footer .inside
	  {
		  text-align: center;
	  }

	  #footer .autogrid_row
	  {
		  flex-direction:column;
		  align-content: center;
		  align-items: center;
	  }

	  #footer .autogrid_row .column
	  {
		  flex-basis: 100%;
	  }
  }

  #footer .col_12
  {
	  flex: auto;
	  padding-top: 10px;
  }
  /* =============================================================================
   * bottom
   * ========================================================================== */
  #bottom .inside a {
	  background: unset;
	  border: unset;
	  padding: 0 5px 0 5px;
	  margin: 0;
  }

  #bottom .autogrid_row .column
  {
	  width: auto;
  }

  #bottom .col_12
  {
	  flex: auto;
  }

  @media only screen and (max-width: 767px) {
	  #bottom .autogrid_row
	  {
		  flex-direction:column;
		  align-items: center;
	  }

	  #bottom .col_12
	  {
		  text-align:center;
	  }

	  .image_container img {
	  display: block;
	  height: auto;
	  width: auto;
	  }
  }