/*
Theme Name: FORDE
Theme URI: http://sacha.works/wordpress/
Author: Sacha Béraud
Author URI: http://sacha.works/
Description: Thème 2.0 pour forde, design Ramaya Tegegne, développeur Sacha Béraud
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: FORDE
*/
/*CONSTANT*/
html {
    height: 100%;
	}
body, html, input, a, p {
	font-family: "forda", Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height:21px;
	}
body {
	margin: 6px 10px 0 10px;
	overflow:hidden;
	font-size: 17px;
	max-width:950px;
	}
body.front-page {
	margin: 10px 10px 0 10px;
	overflow:auto;
	}
p, .p {
	margin:0;
	}
#content p, #content .p {
	margin-bottom:21px;
	padding-right:15px;
	}
a {
	color:#000000;
	text-decoration:none;
	}
a:hover, a.active {
	color:#aaaaaa;
	text-decoration:none;
	}
.none {
	display:none !important;
	}
/*NAV*/
	nav {
		position:relative;
		margin-bottom: 8px;
		border-bottom:1px solid #999;
		overflow:hidden;
		-webkit-transition:height 350ms linear;
		-moz-transition:height 350ms linear;
		-ms-transition:height 350ms linear;
		-o-transition:height 350ms linear;
		transition:height 350ms linear;
		}
	nav.hidden {
		height:0px !important;
		}
	nav a {
		white-space:nowrap;
		line-height: 36px;
		}
	#mainmenu {
		padding-bottom:7px;
		}
	#mainmenu {
		font-size: 35px;
    	line-height: 29px;
		}
	/*->NEWSLETTER*/
	#btn-newsletter.active span.none {
		display:inline-block !important;
		}
	#mc4wp-form-1 {
		display:none;
		}
	#mc4wp-form-1.active {
		display:inline-block;
		height: 22px;
		}
	#mainmenu form .mc4wp-form-fields p {
		display:inline-block;
		}
	@media screen and (max-width:865px) {
		#mainmenu form .mc4wp-form-fields p {
		vertical-align: top;
		}
	}
	#mainmenu form .mc4wp-form-fields p input {
		border: none;
		color:#aaaaaa;
    	font-size: 17px;
		width: 148px;
		outline:none;
		}
	
	#mainmenu form .mc4wp-form-fields p input[type="submit"] {
		color:#000000;
		background-color:#fff;
		width: auto;
		padding:0;
		font-weight: 400;
		} 
	#mainmenu form .mc4wp-form-fields p input[type="submit"]:hover {
		color:#aaaaaa;
		cursor:pointer;
		}
	.mc4wp-response {
	    position: fixed;
		display:none;
		width: 163px;
		padding: 2px 5px;
		border: 1px solid #999;
		background-color: #fff;
		font-size:14px;
		}
	/*->BRAND*/
	#brand {
		height:48px;
		width:48px;
		position:absolute;
		right:0;
		top:1px;
		}
/*SIDEBAR*/
	#sidebar {
		width:175px;
		float:left;
		height: 100%;
		overflow-y:scroll;
		padding-right: 15px;
		margin-right: 10px;
    	border-right: 1px solid #999;
		position: relative;
		}
	#sidebar .title {
		font-style:italic;
		}
	#btn-programme span {
		display: block;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		width: 108px;
		position: absolute;
		right: -41px;
		top: 43px;
		}
	.programme-page #sidebar .event:nth-child(2) a {
		color: #aaaaaa;
		}
	#btn-programme span::before {
		content:"+ ";
		} 
	#btn-programme.active span::before {
		content:"- ";
		} 
/*CONTENT*/
	#content {
		float:left;
		height: 100%;
		overflow-y:scroll;
		overflow-x:hidden;
		opacity:1;
		}
	#content.open {
		opacity:0;
		}
	body.front-page #content {
		overflow:hidden;
		height:auto;
	}
	#content img  {
		max-width:100%;
		height:auto;
		}
	#content iframe  {
		width:100%;
		margin-bottom:25px;
		}
	#btn-programme, .background-programme {
		display:none;
		}
	@media screen and (min-width:992px) {
		#enter-accueil .video iframe  {
			height:495px !important;
		}
	}
	@media screen and (max-width:991px) {
		#enter-accueil .video iframe  {
			height:380px !important;
		}
	}
	@media screen and (max-width:767px) {
		#enter-accueil .video iframe  {
			height:300px !important;
		}
	}
	@media screen and (max-width:479px) {
		#enter-accueil .video iframe  {
			height:220px !important;
		}
	}
/*MOBILE*/
@media screen and (max-width:529px) {
	#btn-programme {
		position: fixed;
		display: block;
		height: 100%;
		width: 26px;
		z-index: 3;
		background-color: #fff;
		color:#000;
		overflow:hidden;
		left: 9px;
		}
	#btn-programme.active {
		left: 193px;
		}
	#btn-programme:focus {
		outline:0;
		}
	#btn-programme:hover {
		color:#000;
		}
	#sidebar {
		width:0;
		padding-right:25px;
	}
}