/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	margin: 0; 
	padding: 0;
	min-width: 320px;
	}
	.flexslider .slides {
		height: 100%;
	}
	.flexslider .slides > li {
		display: none;  /* Hide the slides before the JS is loaded. Avoids image jumping */
		-webkit-backface-visibility: hidden; 
		position: relative;
		height: 100%;
	}
	.flexslider .slides > li > img {
		display: block;
		position: absolute;
		right: 0; 	  bottom: 0;		
		width: 100%;  height: auto;
		}
		.flexslider .slides img.adaptive-image {
			max-width: none;
		}
	.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0; 
	width: 100%;
	padding: 0;
	position: relative;
	overflow: hidden;
	zoom: 1;
	min-height: 200px;
	opacity: 0;
	}
	.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
	.loading .flex-viewport {max-height: 300px;}
	.flexslider .slides {zoom: 1;}
	
	.carousel li {margin-right: 5px}
	
	/* Caption */
	
	.flex-caption {
		position:absolute;
		left: 0;
		top: 20%;
		width: 100%;
		color:#014167;
		z-index: 8;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.714em;
		}
		.flex-caption p {
			margin: 0;
			display: inline;
		}
		.flex-caption a {
			/*display:inline !important;*/
			display: block;
			padding-left: 3%;
			color: #FFF;
			}
			.flex-caption a:hover {
				color: #FFF;
			}
		.flex-caption img {
			position: static;
			margin-left: .5em;
			vertical-align: 1px;
		}
	
	/*.flexslider-container {
		position: relative;
		opacity: 0;
		z-index: 1;
		}
		.lt-ie8 .flexslider-container {
			position: absolute;
			top: 0; left: 0; 
			height: 100%; width: 100%;
		}*/
		
		/* Control nav styles (e.g. 1,2,3...) */
		.flex-control-nav {
			text-align: right;
			position: absolute;
			bottom: 92px;
			right: 0;
			z-index: 8;
			opacity: 0;
			filter: alpha(opacity=0);
			}
			.lt-ie8 .flex-control-nav {
				bottom: 73px; /* Décalage pour compenser le line-height */
			}
			.flex-control-nav li {
				cursor: pointer;
				display: inline;
				background-color: #FFF;
				padding: .35em 1em;
				font-size: 0.857em;
				}
				.flex-control-nav li:hover {
					color: #4F8DAD;
				}
				.lt-ie8 .flex-control-nav li {
					margin-left: .5em;
					line-height: 5; /* Pour compenser le padding qui ne fonctionne pas */
				}
				.flex-control-nav li.flex-active {
					font-weight:bold;
					background-color: #114267;
					color: #FFF;
				}
				
	/* Direction Nav */
	.flex-direction-nav {*height: 0;}
	.flex-direction-nav a {
		position: absolute;
		bottom: 90px;
		z-index: 9;
		cursor: pointer;
		width: 17px;
		height: 23px;
		}
		.flex-prev {
			right: 200px;
			background: url('../img/btPrev.png') no-repeat 0 0;
			}
		.flex-next {
			right: -25px;
			background: url('../img/btNext.png') no-repeat 0 0;
			}
			.flex-prev:hover,
			.flex-next:hover {
				background-position: 0 -23px;
			}
				
	.flex-direction-nav .flex-disabled {
		opacity: 0 !important;
		filter: alpha(opacity=0);
		cursor: default;
	}

@media only screen and (max-width: 1090px) {
	.flexslider-container {
		width: 90%;
	}
}

@media only screen and (max-width: 800px) {
  
	.flex-caption {
		top: 10%;
		font-size: 1.5em;
	}
	.flex-direction-nav {
		display: none;
	}
	.flex-control-nav {
		bottom: 85px;
		right: 2%;
		width: 170px;
		}
		.flex-control-nav li {
			display: block;
			text-align: center;
			margin: 2px 0 0 0;
		}
  
}