/*
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");

/*barre latérale*/
.search div#sidebar, .single-post div#sidebar, .archive div#sidebar, .category div#sidebar, .singular div#sidebar, .page div#sidebar {
	/*display: none;*/
	padding: 0;
	margin: 0 0 4em 0;
}
@media (min-width: 981px) {
	#sidebar {
    	float: left;
    	/*width: 20.875%;*/
    	width: 27%;
    	/*background-color: aliceblue;*/
	}
}

.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%;
	max-width: 700px;
}
.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;
}

@media (max-width: 980px) {
	.container {
    	width: 85%;
	}
	.et_pb_row {
    	width: 85%;
	}
}

#footer-info {
	line-height: 140%;
    font-size: 90%;
}

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

.piedpromo {
background-color:#009bba !important;
background: linear-gradient(150deg, #39a578, #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;
}



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


/*ombre sous menu*/
#main-header, #main-header .nav li ul, #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;
}

/*Menu sticky et scrollable sur mobile*/
@media only screen and (max-width: 980px) {
	.et_fixed_nav #main-header, 
	.et_fixed_nav #top-header,
	.et_non_fixed_nav.et_transparent_nav #main-header,
	.et_non_fixed_nav.et_transparent_nav #top-header {
		position: fixed;
	}
}


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

/*style titre site menu*/
.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;*/
	background: linear-gradient(150deg, #39a578, #009bba) !important;
}
#main-header .nav li ul li ul {
    background: initial!important;
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 80vh;
}

/*menu top*/
#top-menu li {
    font-weight: normal;
}
#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; }

/*masquer le + du sous menu mobile*/
.et_mobile_menu .menu-item-has-children > a:after {
    display:none!important;
}
/*menu et barre de recherche*/
@media (max-width: 980px) {
	.et_header_style_left .et-search-form {
		width: 100%!important;
		max-width: 100%!important;
	}
	.container.et_menu_container {
		width: 90%!important;
	}
	#et_top_search {
		margin: 0 20px 0 0;
	}
}

.et-search-form input {
    background: #000000cc;
	padding: 10px;
}
input.et-search-field {
    font-size: 1em!important;
}

/*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%;
}*/

/*image en plein écran au dessus des contenus*/
#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%;
}

/*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;
}
/*
body {
		line-height: 2.2em!important;
}*/
.entry-content ul li, .entry-content ol li {
    line-height:2em;
}

@media (max-width: 980px) {
	/*body {
		line-height: 2em!important;
	}*/
	.entry-content ul li, .entry-content ol li {
    	line-height:2em;
	}
	
	.et_pb_blog_grid h2, .et_pb_post h2 {
		font-size: 1.75em;
	}
	.titrepromo {
		font-size: 1.75em;
	}
}






.plusdinfos {
  width: 100%;
}

.plusdinfos .et_pb_column {
  background-color: #F5F5F5;
  border-radius: 10px;
}

.plusdinfos .et_pb_text {
    margin: 1em;
}

#ez-toc-container {
    background: #F5F5F5;
    border-radius: 10px;
    margin-bottom: 2em;
    padding: 1em;
}
#ez-toc-container ul {
    padding-bottom: 0.5em;
	padding-left:0!important;
}
#ez-toc-container ul li {
    list-style: inside decimal;
    line-height: 1.6;
    font-size: 95%;
}
.ez-toc-title {
    font-weight: bold;
}

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

/*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 2em 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;
}
@media (max-width: 980px) {
	.category .et_pb_post a img, .search-results .et_pb_post a img {
		width: 100%;
		margin: 0 0 0.75em 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;
}
*/



.page-id-9896 .piedpromo {
    display: none;
}


/*accueil - picto lecture sur vidéo*/
.et_pb_video_overlay {
    background-image: inherit!important;
}

#credit-tracker-table img {
    min-width: 180px;
}

/*forcer indentation sommaire*/
#left-area ul li ul {
    padding: 2px 0 2px 20px !important;
}

.et_pb_module.et_pb_button, .et_pb_promo_button {
    color: #fff;
}