/*
Theme Name: Tyseo Framework
Theme URI: http://www.tyseo.net
Description: Le constructeur de thème Tyseo d'après le framework WP / Elegant / Divi
Author: Christophe BENOIT & Florent PARCEVAUX
Author URI: http://www.tyseo.net
Template: Divi
Version: 1.0.0
*/

@import url("../Divi/style.css");

/*suppression barre latérale*/
.search div#sidebar, .single-post div#sidebar, .archive div#sidebar, .category div#sidebar, .singular div#sidebar, .page div#sidebar {
display: none;
}
.search div#left-area, .single-post div#left-area, .archive div#left-area, .category div#left-area, .singular div#left-area, .page div#left-area {
width: 100%;
}
.search #main-content .container:before, .single-post #main-content .container:before, .archive #main-content .container:before, .category #main-content .container:before, .singular #main-content .container:before, .page #main-content .container:before{
display:none;
}

#content-area {
    max-width: 700px;
    margin: auto;
}

#footer-info {
line-height:170%;
}

/*
#espacepromo {
margin:1em 0 2em 0;
}
*/

.piedpromo {
background-color:#009bba !important;
background: linear-gradient(150deg, #6ba539, #009bba) !important;
}
.titrepromo {
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1.2em;
    font-size:2em;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
}

/*ombre sous menu*/
#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu, #main-header.et-fixed-header {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}
#main-header .nav li ul li ul {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}


.reservation {
    font-weight:bold !important;
}
.reservation{
  animation: animationFrames linear 0.8s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 0.8s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 0.8s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 0.8s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 0.8s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  15% {
    transform:  translate(0px,-10px)  ;
  }
  30% {
    transform:  translate(0px,0px)  ;
  }
  45% {
    transform:  translate(0px,-5px)  ;
  }
  60% {
    transform:  translate(0px,0px)  ;
  }
  75% {
    transform:  translate(0px,-5px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  15% {
    -moz-transform:  translate(0px,-10px)  ;
  }
  30% {
    -moz-transform:  translate(0px,0px)  ;
  }
  45% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  60% {
    -moz-transform:  translate(0px,0px)  ;
  }
  75% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  15% {
    -webkit-transform:  translate(0px,-10px)  ;
  }
  30% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  45% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  60% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  75% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  15% {
    -o-transform:  translate(0px,-10px)  ;
  }
  30% {
    -o-transform:  translate(0px,0px)  ;
  }
  45% {
    -o-transform:  translate(0px,-5px)  ;
  }
  60% {
    -o-transform:  translate(0px,0px)  ;
  }
  75% {
    -o-transform:  translate(0px,-5px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  15% {
    -ms-transform:  translate(0px,-10px)  ;
  }
  30% {
    -ms-transform:  translate(0px,0px)  ;
  }
  45% {
    -ms-transform:  translate(0px,-5px)  ;
  }
  60% {
    -ms-transform:  translate(0px,0px)  ;
  }
  75% {
    -ms-transform:  translate(0px,-5px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

/*fil d'ariane*/
#breadcrumbs {
    color: #666;
    font-style: italic;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}
#breadcrumbs a {
    color: #666;
}

/*centrage titre site*/
.et_header_style_left .logo_container {
    height: 110% !important;
}

/*style titre site*/
.titretourisme {
    color: #fff;
    text-transform: uppercase;
    font-size: 140%;
    font-weight: lighter;
}
.titreannecy {
    color: #fff;
    font-weight: bold;
    font-family: 'Merriweather', Georgia, "Times New Roman", serif;
    font-size: 140%;
}

/*style mega menu*/

#main-header, #main-header .nav li ul, #main-header .et_mobile_menu {
    background: linear-gradient(150deg, #6ba539, #009bba) !important;
}
#main-header .nav li ul li ul {
    background: initial!important;
}
.et_mobile_menu {
    border-color: #fff;
}

#top-menu li.mega-menu > ul {
    padding: 20px 20px !important;
}
#top-menu li.mega-menu > ul > li > a {
    padding: 0 20px 0 !important;
}
#top-menu li li a {
    padding: 0 0 0 25px !important;
}
#top-menu li.mega-menu > ul > li > a:first-child {
    border-bottom: none !important;
    font-size: 110%;
}

/*fond sous menu*/
.sub-menu {
    background: -webkit-gradient(linear, left top, left bottom, from(#009bba), to(#007c96)) !important;
    background: -moz-linear-gradient(top, #009bba, #007c96) !important;
    background: -ms-linear-gradient(top, #009bba, #007c96) !important;
    background: -o-linear-gradient(top, #009bba, #007c96) !important;
    background: linear-gradient(to bottom, #009bba, #007c96) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009bba', endColorstr='#007c96') !important;
}
.sub-menu .sub-menu {
    background:initial !important;
}

/*menu hamburger*/
.mobile_menu_bar:before, .et_overlay:before{
    color: #fff !important;
}

/*menu + sur mobile*/
.et_mobile_menu .menu-item-has-children > a { background-color: transparent; }
#main-header .et_mobile_menu li ul.sub-menu.hide { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu li ul.sub-menu.visible { display: block !important; visibility: visible !important; }
.et_mobile_menu .menu-item-has-children > a:after { content: '+'; position: absolute; right: 20px; }

/*présentation promos*/
.blocoffre p {
    margin:1em;
}
.blocoffre h4 {
    padding: 0;
    margin: 1em;
    font-size: 130%;
}
.fonce h4 {
    color:#009bba;
}

/*image intro featured plein ecran*/
/*
#pleinecran {
    overflow: hidden;
    height: 350px;
}

#pleinecran img {
    margin: auto;
    display: block;
    width: 100%;
}*/

#pleinecran {
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 1159px) {
#pleinecran {
    height: 250px;
}
}
@media screen and (min-width: 1150px) {
#pleinecran {
    height: 500px;
}
}


#pleinecran img {
    margin: auto;
    width: 100%;
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
}

/*
@media (min-width: 981px) {
#cartotrajet .et_pb_row.et_pb_row_fullwidth, #cartotrajet .et_pb_specialty_fullwidth > .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
}
}

@media (min-width: 769px) and (max-width: 1320px) {
#cartotexte {
	padding: 2em !important;
}
#cartotexte h3{
	font-size:20px !important;
}
#cartotexte p{
	line-height: 170% !important;
}
}
*/

/*espace pour vidéos*/
.et_post_video {
    /*margin: 2em 0 2em 0;*/
}

/*images*/
.wp-caption {
    border: none;
    background-color: initial;
    font-style: italic;
    max-width: 100%;
    padding: 0;
    /*margin: 2em 0 2em 0;*/
}

/*espacement paragraphes*/
.entry-content p, .entry-content ul, .entry-content ol {
    padding-bottom: 1.4em;
}

.entry-content ul li, .entry-content ol li {
    line-height:2.2em;
}

/*
#listeactions ul {
    padding:1em 0 0 1em;
}
*/

/*espace pour boutons sociaux*/
.sharedaddy {
    margin: 1em 0 1em 0;
}

.plusdinfos {
  width: 100%;
}

.plusdinfos .et_pb_column {
  /*background-color: #009bba;*/
  background-color: #F5F5F5;
  border-radius: 10px;
  /*border: 1px solid #009bba;*/
}

.plusdinfos .et_pb_text {
    margin: 1em;
}

/*tel surtaxe*/
.btnText:before {
    content: "\e090";
    font-family: "ETmodules" !important;
    margin-right: 5px;
}
.rsva_horizontal {
    list-style: none!important;
    padding: 0 0 20px 0!important;
    margin: 0;
}
.rsva_number {
    font-size: 2.4em;
}
.rsva_price {
    font-size: 0.9em;
    font-style: italic;
    line-height: 150%!important;
}
.rsva_price div {
    display: inline;
    margin-left: 5px;
}
.hmd_rsva_legal {
    padding: 0;
    margin: 0;
    font-size: 0.9em;
    font-style: italic;
    line-height: 150%!important;
}

/*menu top*/
#top-menu li {
    font-weight: normal;
}

.et_pb_slider .et_pb_slide {
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

/* floating social */

@media screen and (min-width: 1150px) {
    .sharedaddy {
        position: fixed;
        width: 32px;
        text-align: center;
        top: 70%;
        margin-left: -100px;
    }
    .sharedaddy h3.sd-title:before, .sharedaddy h3.sd-title, .sd-social-icon .sd-content ul li a.sd-button.share-more span {
        display: none;
    }

    .sd-social-icon .sd-content ul li a.sd-button.share-more {
        margin: 0;
        padding: 4px 7px;
    }

    .sd-content ul, .sd-content ul {
        margin: 0 !important;
    }
}

/*vidéo plein écran*/
.SliderFullScreen {
background-size:auto 100% !important;
}
/*texte sur vidéo plein écran et sur slider offres*/
.SliderFullScreen .et_pb_slide_description, .SliderFullScreen .et_pb_slider_fullwidth_off .et_pb_slide_description, .SliderGrandVisu .et_pb_slide_description, .SliderGrandVisu .et_pb_slider_fullwidth_off .et_pb_slide_description {
    padding: 40% 8%;
}
.SliderFullScreen .et-pb-icon {
	color:#FFF;
	font-size:50px;
}
.SliderFullScreen .et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 1) !important;
}

.et_pb_slide_description, .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 1) !important;
}

/*personnalisation pagination*/
.wp-pagenavi span.current, .wp-pagenavi a:hover {
    color: #009bba !important;
}

/*présentation catégorie*/
.introcategorie {
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 2em;
}

/*taille des vignettes dans les catégories*/
.category .et_pb_post, .search-results .et_pb_post {
    clear: both;
    padding: 1em 0 1em 0;
}
.category .et_pb_post h2, .search-results .et_pb_post h2 {
    margin-top:0;
}
.category .et_pb_post a img, .search-results .et_pb_post a img {
    width: 250px;
    float: left;
    margin: 0 2em 0 0;
}

/*contenu proche*/
#jp-relatedposts {
    clear: both;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
    display: none;
}

/*masquer le + du sous menu mobile*/
.et_mobile_menu .menu-item-has-children > a:after {
    display:none!important;
}