/*
Theme Name: Saint Yorre 2
Theme URI: http://underscores.me/
Author: JB Armanet
Author URI: http://goinformatique.fr
Description: Thème pour le site Saint-Yorre 2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saint-yorre 2
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Saint Yorre is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/




* { line-height: normal; }



.hauteur-auto {
	max-height:600px;
	height:auto;
	}
#bouton2 {
    position: absolute;
    top: 115px;
    z-index: 1000;
    width: 100%;
	height:300px;
    margin: 0 auto;
    border: 0px solid red;	
}

/* superfish-menu styles
========================================================*/
.navbar-nav {
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.04em;
}
.navbar-nav > li {
  position: relative;
  text-align: center;
  float: left;
  
}
.navbar-nav > li > a {
  position: relative;
  display: inline-block;
  min-width: 140px;
  text-align: center;
  padding: 34px 15px 34px;
  color: #ffffff;
  background: #01a4e5;
}
.navbar-nav > li > a.sf-with-ul {
  color: #ffffff;
}
.navbar-nav > li > a:hover {
  background: #333333;
  color: #ffffff;
}
.navbar-nav > li.current > a {
  background: #00b8f0;
  color: #ffffff;
}
.navbar-nav > li.sfHover > a {
  background: #333333;
  color: #ffffff;
}
.navbar-nav > li .bg-color-6 {
  background: #0096dd;
}
.navbar-nav > li .bg-color-7 {
  background: #56c064;  
}
.navbar-nav > li .bg-color-8 {
  background: #004ca3;
}
.navbar-nav > li .bg-color-9 {
  background: #2fba54;
}
.navbar-nav > li .bg-color-10 {
  background: #009750;
}
/* first level sub-menu styles */
.navbar-nav ul {
  display: none;
  z-index: 1000;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 208px;
  padding: 24px 0 27px;
  font-size: 15px;
  line-height: 36px;
  font-weight: 400;
  letter-spacing: 0;
  text-align: left;
  background: #333333;
}
.navbar-nav ul > li {
  position: relative;
}
.navbar-nav ul > li > a {
  display: block;
  padding: 0 0 0 20px;
  color: #ffffff;
}
.navbar-nav ul > li > a:hover {
  color: #ffffff;
  background: #0f80c2;
}
.navbar-nav ul > li.sfHover > a {
  color: #ffffff;
  background: #0f80c2;
}
/* second level sub-menu styles */
.navbar-nav ul ul {
  top: -15px;
  left: 100%;
  width: 100%;
  z-index:1000;
  left:-208px;
  padding: 15px 0 15px;
  background: #777777;
}
.navbar-nav ul ul > li {
  position: relative;
}
.navbar-nav ul ul > li a {
  color: #ffffff;
}
.navbar-nav ul ul > li a:hover {
  color: #ffffff;
  background: #0f80c2;
}
/* superfish responsive layout */
@media only screen and (max-width: 767px) {
  .navbar-nav {
    display: none;
  }
  .select-menu {
    display: block;
    margin: 20px 0;
    padding: 0;
    background-color: #ffffff;
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .header-top_s1 {
    min-width: 300px;
    display: none;
  }
  .navbar-nav > li > a {
    min-width: 115px;
  }
}
@media only screen and (max-width: 979px) {
  .isStuck {
    display: none;
  }
  .180px {
    min-width: 250px;
  }
  h1 {
    font-size: 35px;
    line-height: 46px;
  }
  h1 span {
    font-size: 40px;
    line-height: 32px;
  }
  .navbar-nav {
    font-size: 18px;
    line-height: 18px;
  }
  .navbar-nav > li > a {
    min-width: 90px;
    padding: 46px 0 47px;
  }
  .navbar-nav ul {
    min-width: 170px;
    font-size: 13px;
  }
  

}


  .header-top_s33 {
	border: 1px solid transparent;
    height: 130px;
    position: absolute;
    width: 100%;
    margin-top: 116px;
  }

@media only screen and (max-width: 767px) {
  .header-top {
	padding: 10px 0 0px;
    min-height: 0px;
  }
  .header-top_s1 {
    float: none;
    width: 100%;
    padding-left: 0;
  }
  .header-top_s2 {
    float: none;
    width: 100%;
  }
  
  h1 {
    text-align: left;
    display: inline-block;
    padding-left: 0px;
  }
}

@media only screen and (min-width: 1200px) {

.slider {
  /* suppression par op 01/04/19
  position: relative;
  */ 
  width: 100%;
  padding-bottom: 10%;
  min-height: 200px;
  overflow: hidden;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
}

@media only screen and (max-width: 1199px) {

  .slider {
    width: 100%;
    padding-bottom:initial;
    min-height: 50px;
    overflow: hidden;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .header-top_s33 {
    margin-top: 0!important;
  }

}





.slider .header-top {
  position: absolute;
  top: 0;
  background: none;
}





/* gérés dynamiquement depuis les functions.php !

.navbar-nav li.color1 > a { background: #01a4e5; }
			.navbar-nav li.color2 > a { background: #0096dd; }
			.navbar-nav li.color3 > a { background: #56c064; }
			.navbar-nav li.color4 > a { background: #009750; }
			.navbar-nav li.color5 > a { background: #004ca3; }
			.navbar-nav li.color6 > a { background: yellow; }
			
			.navbar-nav li > a:hover,
			.navbar-nav li.sfHover > a { background: #FFF; }
			
			.navbar-nav li.color1 > a:hover,
			.navbar-nav li.color1.sfHover > a { color: #01a4e5; }
			.navbar-nav li.color2 > a:hover,
			.navbar-nav li.color2.sfHover > a { color: #0096dd; }
			.navbar-nav li.color3 > a:hover,
			.navbar-nav li.color3.sfHover > a { color: #56c064; }
			.navbar-nav li.color4 > a:hover,
			.navbar-nav li.color4.sfHover > a { color: #009750; }
			.navbar-nav li.color5 > a:hover,
			.navbar-nav li.color5.sfHover > a { color: #004ca3; }
			.navbar-nav li.color6 > a:hover,
			.navbar-nav li.color6.sfHover > a { color: navy; }
			
			.navbar-nav li ul.sub-menu { background: #FFF; }
			
			.navbar-nav li.color1 ul.sub-menu a { color: #01a4e5; }
			.navbar-nav li.color2 ul.sub-menu a { color: #0096dd; }
			.navbar-nav li.color3 ul.sub-menu a { color: #56c064; }
			.navbar-nav li.color4 ul.sub-menu a { color: #009750; }
			.navbar-nav li.color5 ul.sub-menu a { color: #004ca3; }
			.navbar-nav li.color6 ul.sub-menu a { color: green; }
			
			.navbar-nav li ul.sub-menu a:hover,
			.navbar-nav li ul.sub-menu li.sfHover > a { color: #FFF; }
			
			.navbar-nav li.color1 ul.sub-menu a:hover,
			.navbar-nav li.color1 ul.sub-menu li.sfHover > a { background: #01a4e5; }
			.navbar-nav li.color2 ul.sub-menu a:hover,
			.navbar-nav li.color2 ul.sub-menu li.sfHover > a { background: #0096dd; }
			.navbar-nav li.color3 ul.sub-menu a:hover,
			.navbar-nav li.color3 ul.sub-menu li.sfHover > a { background: #56c064; }
			.navbar-nav li.color4 ul.sub-menu a:hover,
			.navbar-nav li.color4 ul.sub-menu li.sfHover > a { background: #009750; }
			.navbar-nav li.color5 ul.sub-menu a:hover,
			.navbar-nav li.color5 ul.sub-menu li.sfHover > a { background: #004ca3; }
			.navbar-nav li.color6 ul.sub-menu a:hover,
			.navbar-nav li.color6 ul.sub-menu li.sfHover > a { background: purple; }

*/


.navbar-nav ul, .navbar-nav ul ul { padding: 0; }

.headerSpacer { clear: both; height: 0px; }

.grid_6 .content-box {
	height:500px;	
}
@media only screen and (max-width: 979px) { 
.grid_6 .content-box {
	height: inherit;	
}
}
.content-box { padding: 20px;}
.super-box .entry-header { padding: 0 30px; }


/*
.header-top_s1 { min-width: 0; width: 200px; position: absolute; top: 10px; left: 20px; }
@media only screen and (max-width: 1250px) { 
	.header-top_s1 { width: 120px; top: 25px; }
}
@media only screen and (max-width: 1100px) { 
	.header-top_s1 { width: 80px; top: 35px; }
}
@media only screen and (max-width: 979px) { 
	.header-top_s1 { width: 200px; top: 10px; }
}
@media only screen and (max-width: 767px) { 
	.header-top_s1 { width: 100%; position: relative; top: 0; }
	.header-top_s2 { position: relative; float: none; top: 0; margin: -20px 20px 0; padding-top: 0; }
}

.header-top_s2 {
    float: right;
    top: 0;
    position: absolute;
    right: 0;
}
*/

#stuck_container .container { width: 100%; }

.header-top_s1 { min-width: 0; width: 300px; margin-left: 50px; }
@media only screen and (max-width: 1250px) { 
	.header-top_s1 { width: 180px; margin-top: 25px; }
}
@media only screen and (max-width: 1100px) { 
	.header-top_s1 { width: 80px; margin-top: 35px; display: none; }
}
@media only screen and (max-width: 979px) { 
	.header-top_s1 { width: 180px; margin-top: 10px; }
}
@media only screen and (max-width: 767px) { 
	.header-top_s1 { width: 60%; position: relative; margin-top: 0; margin-left: auto; margin-right: auto; }
	.header-top_s2 { position: relative; float: none; width: 80%; margin-top: 0; margin: -25px auto 0; padding-top: 0; }	
}


.grid_12 { width: auto; float: none; margin-left: auto; margin-right: auto; }

.text-2 { font-size: 27px; }

.block-5_hover:after { content: none; }

body.page .section .grid_4 > a { display: block; }


h1.entry-title { font-weight: 400; }
.content-box h1, 
.content-box h2, 
.content-box ol, 
.content-box ul { padding: 5px 0 10px; }

.content-box p { padding: 5px 30px 10px 0; }

.content-box strong { font-weight: 700; }
.content-box a { text-decoration: underline; }
.content-box h1 { font-size: 35px; font-weight: 700; }
.content-box h2 { font-size: 30px; font-weight: 400; color:#009750; }
.content-box h3 { font-size: 30px; font-weight: 400; color:#0096dd; }
.content-box h4 { font-size: 30px; font-weight: 400; color:#2fba54; }
.content-box h6 { font-size: 10px; font-weight: 200; }
.content-box ol { list-style: decimal; padding-left: 30px; }
.content-box ul { list-style: disc; padding-left: 30px; }

img.alignleft { float: left; margin: 10px 10px 10px 0; }
img.alignright { float: right; margin: 10px 0 10px 10px; }

p + p { margin-top: 0; }







/* Youtube videos */

.full-responsive-50-desktop {
	width: 50%;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) { 
	.full-responsive-50-desktop { width: 100%; }
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





.formulaire .row { margin-left: -15px; margin-right: -15px; }
/******************************Bons de reduction *************************************/
.page-id-1533 .content-box {
	text-align:center;	
}

.page-id-1533 .content-box iframe {
	height: 970px;
    width: 100%;
	border: 0px solid red;
}

@media only screen and (max-width: 768px){
	.page-id-1533 .content-box {
		padding: 0;
		margin: 0 auto;		
	}
	.page-id-1533 .content-box iframe {
	
	}	
	.content-box p {
		padding: 2px;
	}	
	
}



/******************************Bons de reduction *************************************/

/******************************Grand Jeu Running *************************************/
.iframe{
    overflow:hidden;
}

@media only screen and (max-width: 768px){
	.iframe{
    overflow:hidden;
}
}



/******************************Grand Jeu Running *************************************/