/*
Theme Name: JAB
Description: Theme pour les JAB
Author: melaniedenis
Author URI: https://melaniedenis.ca
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/*
                _             _            _            _                
               | |           (_)          | |          (_)               
 _ __ ___   ___| | __ _ _ __  _  ___    __| | ___ _ __  _ ___   ___ __ _ 
| '_ ` _ \ / _ \ |/ _` | '_ \| |/ _ \  / _` |/ _ \ '_ \| / __| / __/ _` |
| | | | | |  __/ | (_| | | | | |  __/ | (_| |  __/ | | | \__ \| (_| (_| |
|_| |_| |_|\___|_|\__,_|_| |_|_|\___|  \__,_|\___|_| |_|_|___(_)___\__,_|
                                                                         
                                                                         
*/

.display-none {display: none;}

/* 2020*/
#body {font-family:"Work Sans";}

#wrapper .sejour_droite {
	margin-left:-50px;
	border-left: 20px solid #9A2C1F;
    border-bottom: 20px solid #9A2C1F;
}	
	
#wrapper .sejour_gauche {
	margin-right:50px;
	border-left: 20px solid #068196;
    border-bottom: 20px solid #068196;
}

a.btn2020 {
    font-family: "Work Sans";
    font-weight: 600;
    font-size: 34px;
    color: white;
    text-transform: none;
    padding: 30px;
}

.fusion-footer-widget-area .widget-title {
	text-transform:none !important;
	margin: 25px 0px 0px 0px !important;
}

.fusion-footer .gallery-item {
	margin:0px;
	padding:0px 6px ;
	
}


.fusion-footer .gallery-item img {border:none !important;}

.align-center {
	margin-left:10% !important;
}

.sejour_gauche p span.weekend,.sejour_droite p span.weekend {
	font-size:50px;
	font-weight:700;
	color:white;
}
.sejour_gauche p span.sejour,.sejour_droite p span.sejour {
	font-size:30px;
	font-weight:700;
	color:white;
}

.sejour_gauche p span.date,.sejour_droite p span.date {
	font-size:30px;
	font-weight:700;
	color:white;
}



/* HEADER */

.fusion-logo img {
   max-width: 250px;
}


.fusion-header-v2 .fusion-secondary-header {
    border-top: none;
}

.fusion-main-menu {
	margin-top: 40px;
}

.fusion-main-menu>ul>li>a {
	color: white;
}

.fusion-is-sticky .fusion-main-menu {
	margin-top: 0px;
}

.fusion-main-menu .fusion-dropdown-menu .sub-menu li a, .fusion-main-menu .sub-menu li a {
	font-weight: 700 !important;
	font-size: 16px;
	line-height:20px;
	font-family: "Work Sans", sans-serif;
}


.fusion-social-links-header {
    margin-top: 30px;
}

.titre_header {
	font-weight: 900;
    color: white;
    font-size: 70px;
    line-height: 76px;
    text-transform: uppercase;
	display:inline-block;
}

.sous-titre_header {
	font-weight: 700;
    color: white;
    font-size: 46px;
    line-height: 50px;
	margin-top: 4%;
	display:inline-block;
}

.meeple_header {
	display:inline-block;
	vertical-align: bottom;
	margin-left:10px;
	
	
}

.over_jaune {
	background-color: #ffcd05;
    padding: 0px 4px;
    color: #0c1f37;
}

.over_bleu {
	background-color: #00abbf;
    padding: 0px 4px;
    color: #0c1f37;
}

.over_rouge {
	background-color: #DD4F44;
    padding: 0px 4px;
    color: #ffffff;
}

/* COUNTDONW */

.compteur .fusion-digit {
	font-weight:700;	
}

.compteur .fusion-dash-title {
	text-transform: uppercase;
	font-weight:700;
}








.fusion-title-size-four {
	margin: 0px!important;
}

.btn .fusion-button-text {
	font-size: 24px;
	font-weight: 700;
}

.btn-small .fusion-button-text {
	font-size: 18px;
	font-weight: 700;
}

.btn-small {
	margin-top: 16px;
}

.inscription-box h3.modal-title {
	color: #452344 !important;
	text-align: center !important;
}

h2 .vert {
color: #028b74;
}

.twitter .fusion-column-wrapper {
	background-size: initial !important;
	max-height: 350px;
}

.twitter-box {
	color: #ffffff;
	text-align: center;
}

.twitter-box .jtwt_tweet {
	font-size: 30px !important;
	line-height: 40px !important;
	padding: 0px !important;
}

.twitter-box .jtwt_tweet a {
	color: #a07ca0 !important;
}

.jtwt .jtwt_tweet:before {
	content: none !important;
}

.jtwt_date {
	font-size: 14px !important;
	padding-top: 30px !important;
	text-transform: uppercase !important;
	color: #a07ca0 !important;
}

.align-center {
	text-align: center;
}

.commanditaires-titre {
	text-align: center;
	color: #452344;
	text-transform: uppercase;
	font-weight: 700;
}

.programmation-titre {
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
}



#wrapper .post-content h2.flip-box-heading {
	font-size: 26px;
	margin-top: 24px;
}

.flip-box-front-inner {
	font-size: 20px;
}

.person-name {
	font-size: 26px !important;
	font-weight: 700;
}

.person-title {
	font-size: 20px !important;
}

.person-content {
	color : #efefe7;
	font-size: 18px;
}

.autres-conventions {
	font-size: 16px;
	text-transform: uppercase;
}

.autres-conventions a:hover {
	color: #fb8c51;
}

.panel-heading h3.title-row {
	font-size: 18px;
}

.forfaits h2 {
	font-size: 24px !important;
}

.forfaits .reading-box-additional {
	font-size: 18px;
	color: gray;
}

.forfaits_liste .fusion-li-item-content {
	font-size: 20px;
}

.forfait_info {
	font-style: italic;
	font-size: 65%;
	color: gray;
	margin-bottom: 30px;
}

.reading-box h2 {
	font-size: 20px !important;
}

.reading-box-additional {
	font-size: 16px;
}

.bloc_paiement, .bloc_paiement h2 {
	color: #FFFFFF !important;	
}

.bloc_paiement {
	font-size: 18px;
}
.fusion-toggle-heading {
	font-size: 18px;
}



 .fusion-header-wrapper {
 	position: absolute;
 	width: 100%;
 }
 
.fusion-header-wrapper .fusion-mobile-menu-icons {
     margin-top: 35px;
     }
     
.fusion-header-wrapper .fusion-mobile-menu-icons a {
         font-size: 32px;
         color: #ffffff;
         }
         
         
 /*** Galery ***/
 
 .gallery-item a img {
 	border: none !important;
 }  
 
 .gallery-item a:hover {
-webkit-filter: grayscale(80%);
filter: grayscale(80%);
opacity: 0.65;
filter: alpha(opacity=65);
 }      
         

/*** HOVER EQUIPE ***/


.face_steph img.person-img:hover {
content: url(http://jeuxauboute.com/wp-content/uploads/2016/12/game-steph_hover.jpg);
 }
 
.face_julie img.person-img:hover {
 content: url(http://jeuxauboute.com/wp-content/uploads/2016/12/game-Julie-hover.jpg);
  }

.face_isaac img.person-img:hover {
  content: url(http://jeuxauboute.com/wp-content/uploads/2016/12/game-Isaac-hover.jpg);
   }
   
.face_pat img.person-img:hover {
   content: url(http://jeuxauboute.com/wp-content/uploads/2016/12/game-pat-hover.jpg);
    }


@media only screen and (max-width: 1530px) {
 	
	.titre_header {
		font-size:55px;
	}
	.sous-titre_header {
		font-size:34px;
		line-height:34px;
	}

}

@media only screen and (max-width: 1300px) {
 	
	.titre_header {
		font-size:42px;
		line-height:46px
	}
	.sous-titre_header {
		font-size:30px;
		line-height:34px;
	}

	.fusion-dash-wrapper {
		width:22%;
	}
		.meeple_header img {
		width:80%;
	}
	#wrapper h1 {font-size:48px;}
	#wrapper p {font-size:20px;}
	a.btn2020 {font-size:30px;}

	.sejour_gauche p span.weekend,.sejour_droite p span.weekend {
	font-size:40px;
}
	.sejour_gauche p span.sejour,.sejour_droite p span.sejour {
	font-size:24px;
}

	.sejour_gauche p span.date,.sejour_droite p span.date {
	font-size:24px;
}
	#wrapper .sejour_droite {
		margin-left:-30px;
	}
}


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

#wrapper .fusion-digit {
	font-size: 40px;	
}

#wrapper .fusion-dash-title {
	font-size: 12px;
}

}



 
@media only screen and (max-width: 1090px) {
 	
	.meeple_header {
		margin-left:0px;
	}
	
	.meeple_header img {
		width:80%;
	}
	.sejour_gauche p span.weekend,.sejour_droite p span.weekend {
	font-size:28px;
}
	.sejour_gauche p span.sejour,.sejour_droite p span.sejour {
	font-size:18px;
}

	.sejour_gauche p span.date,.sejour_droite p span.date {
	font-size:18px;
}
	#wrapper .sejour_droite {
		margin-left:-10px;
	}
	a.btn2020 {font-size:20px;}

}

@media only screen and (max-width: 1070px) {
 		
	.meeple_header img {
		display:none;
	}
	.bloc-compteur {margin-top:-55px !important;}
	.bloc-compteur .fusion-countdown {
		padding-top:12px;
		padding-bottom:12px;
	}

}

@media only screen and (max-width: 820px) {
 		
	.bloc-compteur {margin-top:-40px !important;}

	#wrapper .fusion-digit {
	font-size: 30px;	
}

	#wrapper .fusion-dash-title {
	font-size: 12px;
}
	.titre_header {
		font-size:36px;
		line-height:38px
	}
	.sous-titre_header {
		font-size:24px;
		line-height:28px;
	}
	#wrapper .texte-intro {width:100% !important;}
	#wrapper .image-intro {width:100% !important;}

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

	 .bloc_droite .fusion-column-wrapper {
		 padding: 10% 4% 10% 6% !important;
	 }
	.titre_header {
		font-size:55px;
		line-height:60px;
	}
	.sous-titre_header {
		font-size:34px;
		line-height:34px;
	}
 
	.meeple_header img {
		display:block;
	}

	 #wrapper .fusion-digit {
	font-size: 50px;	
	}

	#wrapper .fusion-dash-title {
	font-size: 16px;
	}
	 .fusion-dash-wrapper {
		width:30%;
	}
	 #wrapper h1 {font-size:50px;}
	 #wrapper p {font-size:24px;}
	 .fusion-footer .fusion-footer-widget-area {
		 padding-top:150px;
	 text-align:center;
	 }
	 .partenaires {text-align:center;}
   }

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


}

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


}



/* Hakuna Matata */