/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
 
/* -----------------------------------------
   Navigation
----------------------------------------- */
.rslides_container {
  position: relative;
  float: left;
  width: 100%;
  }


/* -----------------------------------------
   Caption
----------------------------------------- */
.caption {
    position: absolute;
    z-index: 2;
    display: block;
    margin: 0;
	left:5%;
	bottom:8%;
	width:100%;
    color: #000;
	width: 400px;
	background: none;
	padding-bottom:5px;
}
.caption .inside { 	padding:10px 25px 15px;	background: rgba(255,255,255,0.60); }
		
.caption a {
	display:block;
	margin:0;
	margin-top:10px;
	width:130px;
	padding:8px;
	border:5px solid #FFF;
	font:600 0.850em/1em 'Roboto', sans-serif;
	text-align:center;
	color: #000;
	text-transform:uppercase;
	}

.caption a:hover {
	background:#FFF;
	color: #2d3a41;
	text-decoration:none;
	} 
	
.entete {
	padding-bottom:0px;
	margin-bottom:00px;
	font:300 1.5em/1.5em 'Signika', sans-serif;
	text-align:left;
	color:#000;
	}

.entete small { 
	display:block;
	font-size:0.5em;
	line-height:1.5em;
	}
			
.accroche { 
	font:300 1.20em/1.3em 'Roboto', sans-serif;
	text-align:left;
	color:#000;
	text-transform: uppercase;
	}
.accroche strong { 
	font:600 2.15em/1em 'Signika', sans-serif; text-transform:none;padding-bottom:10px;
}

.caption i { color:#b81b2d; font-style:normal;} 



/* -----------------------------------------
   Caption Slider MAIN
----------------------------------------- */
		

	
/* -----------------------------------------
   ANIMATION
----------------------------------------- */
.centered-btns_tabs a	{
	-webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
	}

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
	position:absolute;
	left:0;
	right:0;
	z-index:50;
	margin-top: -35px;
	text-align:center;
	}
	
.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
    display: inline;
	float: none;
	_float: left;
	*float: left;
	margin-left: 5px;
    margin-right: 5px;
	}
	
.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
    background: none repeat scroll 0 0 #bbb;
    border-radius: 50%;
    display: inline-block;
	_display: block;
	*display: block;
	width: 8px;
    height: 8px;
    overflow: hidden;
    text-indent: -9999px;
	}
	
.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
    background: none repeat scroll 0 0 #444;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4); 
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform:scale(1.4);
	}
	
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }
  

/* -----------------------------------------
	Media Queries
----------------------------------------- */
	/* XXX-large landscape > BREAKPOINT 1680PX */
	@media only screen and (min-width: 1680px) and (orientation: landscape) {
	}
	
	
	/* X-large landscape > BREAKPOINT 1440PX */
	@media only screen and (max-width: 1679px) and (min-width: 1440px) and (orientation: landscape) {
	}
	
		
	/* Widescreen landscape > BREAKPOINT 1280PX */
	@media only screen and (max-width: 1439px) and (min-width: 1280px) and (orientation: landscape) {
	}

	/* Widescreen landscape > BREAKPOINT 1152PX */
	@media only screen and (max-width: 1279px) and (min-width: 1152px) and (orientation: landscape) {
	}
		
	/* Widescreen landscape > BREAKPOINT 1025PX */
	@media only screen and (max-width: 1151px) and (min-width: 800px) and (orientation: landscape) {
	}
	
	/* Ipad Landscape > BREAKPOINT 960PX */
	@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
	}
	
	/* Ipad Portrait / Small tablet Landscape 800x600 > BREAKPOINT 768PX + 800PX */
	@media only screen and (max-width: 960px) and (min-width: 768px) {
	}
	

	/* All Mobile Sizes (devices and browser) > BREAKPOINT 568PX 480PX 320PX */
	@media only screen and (max-width: 767px) {
		.caption {
			left:2%;
			bottom:4%;
			width:250px;
			padding:5px 10px 10px;
			font-size:0.8em;
		}
		.caption a {
			margin: 5px 0 0;
   			padding: 4px;	
		}
		.accroche strong { 
			font-size:1.450em;
		}

	}

	/* Small Tablet 800x600 Portrait (devices and browsers) / Mobile Landscape Iphone5 > BREAKPOINT 568PX */
	@media only screen and (max-width: 767px) and (min-width: 568px)  {
	}

	/* Mobile Landscape Iphone4 > BREAKPOINT 480PX */
	@media only screen and (max-width: 567px) and (min-width: 480px) {
	}

	/* Mobile Portrait Iphone5-4 > BREAKPOINT 320PX */
	@media only screen and (max-width: 479px) {
		.caption {
			display:none;
			left:2%;
			bottom:4%;
			width:250px;
			padding:5px 15px 10px;
			font-size:0.8em;
		}
	}	
	
	
/* -----------------------------------------
   RETINA Display
----------------------------------------- */

/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs running IE, zoomed in */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */
/* - Android hdpi devices and above */
/* - Android tvdpi devices, including Google Nexus 7 */
/* - Chrome running on high DPI Macs and PCs */
/* - Opera running on high DPI Macs, PCs and mobile devices */
/* */
/* Please note that that this code assumes you'll swap a */
/* 2× version of your images. If you'd like to supply */
/* finer increments, other thresholds might be appropriate. */
/* */
/* A test for CSS pixel densites can be found here: */
/* http://bjango.com/articles/min-device-pixel-ratio/ */
/* */
/* @marcedwards from @bjango */
/* */
/* ---------------------------------------------------------- */
 
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
		only screen and (-o-min-device-pixel-ratio: 13/10),
		only screen and (min-resolution: 120dpi)
		{ 
		.entete {
			background-image:url("/IMG/ligne_entete@2x.png");
			background-size: 72px 9px;
			}

			
		}