/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/********************* RESET AND LAYOUT *********************/

	.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1;
	}
		.bx-wrapper img { max-width: 100%; display: block;
		}



/********************* THEME NON CONNECTE *********************/


	#btnDeroulantSlider img, #btnDeroulantSarah img { cursor: pointer; width: 19%;
	}
	#containerSliderNoCo {
	}
		#masqueDeroulement { overflow: hidden; position: relative; margin-bottom: 40px; width: 100%;
		}
			#slide { width: 100%; margin: 0 auto; overflow: hidden; position: absolute;
			}
				#btnDeroulantSlider { background: url(../images/fondBtnSlider.png) repeat-x bottom;
				}
					#btnDeroulantSlider img { max-width: 280px; display: block; margin: 0 auto;
					}
				#slide .bx-wrapper { background-color: #BEBEBB;
				}
					.bx-wrapper .bx-viewport { background: #fff; max-width: 1180px; min-width: 980px; margin: 0 auto;
					}
						.bx-viewport li.slideInfo { position: relative; max-width: 1180px; min-width: 980px; margin: 0 auto;
						}
							.bx-viewport #sliderInfo li.slideInfo img { width: 100%; height: auto;
							}
							.bx-viewport li.slideInfo h2, .bx-viewport li.slideInfo div.texteSlider { position: absolute; left: 6%; background-color: #000; color: #FFF;
							}
							.bx-viewport li.slideInfo h2 { top: 5%; font-family: 'Rockwell', Arial; font-size: 40px; line-height: 40px; padding: 0.5%; text-transform: uppercase;
							}
							.bx-viewport li.slideInfo div.texteSlider { top: 20%; max-width: 37%; font-family: 'Helvetica', Arial; font-size: 15px; padding: 1%;
							}
								.bx-viewport li.slideInfo div.texteSlider div.decouvrir { margin-top: 5%;
								}
									.bx-viewport li.slideInfo div.texteSlider div.decouvrir a { color: #000; padding: 1%; font-family: 'Bariol', Arial; text-transform: uppercase; background-color: #ee7f00;
									}
					.bx-controls { position: absolute; bottom: 10%; width: 100%;
					}
				#sliderInfo { margin: 0; padding: 0; width: 100%; overflow: hidden; background-color: #000; min-height:430px;
				}
					#sliderInfo img { width: auto; height: auto; max-width: 100%; max-height: 100%;
					}
			#actuSarah { margin: 0 auto; overflow: hidden; width: 100%; position: absolute; z-index: 20;
			}
				#btnDeroulantSarah { background: url(../images/fondBtnSarah.png) repeat-x bottom;
				}
					#btnDeroulantSarah img { max-width: 280px; display: block; margin: 0 auto;
					}
				#actuSarah .containerSarah { overflow: hidden; background-color: #ee7f00; width: 100%;
				}
					#actuSarah .containerSarah .containerContenuSarah { width: 93.5%; max-width: 1180px; min-width: 948px; padding: 0 3.25%; margin: 0 auto; overflow: hidden;
					}
						#actuSarah .visuelSarah { float: left; width: 65%; background: url('../Karine/decors/Default_background.png') bottom center no-repeat;
						}
							#actuSarah .visuelSarah #spiritEngine { /*position: relative;*/
							}
								#actuSarah .visuelSarah #spiritEngine object { /*position: absolute; bottom: 0;*/
								}
							#actuSarah .visuelSarah img { width: 100%; height: auto; display: block;
							}
						#actuSarah .listeActu { float: left; width: 35%; background-color: #000; font-family: 'Rockwell', Arial; font-size: 13px; vertical-align: top;
						}
							#actuSarah .listeActu .containerActus { padding: 6%; background-color: #000; 
							}
							#actuSarah span.RetrouvezKarine{color: #FFFFFF; display: block; font-family: 'Bariol'; font-size: 23px; font-weight: bold; line-height: 30px; margin: 20% auto 0; width: 80%;
							}
								#actuSarah .listeActu h3 { padding: 0.5% 1%; background-color: #ee7f00; color: #FFF; text-transform: uppercase; display: inline; font-weight: normal;
								}
								#actuSarah .listeActu .actus { margin-top: 10px;
								}
									#actuSarah .listeActu .actus h2 { margin-top: 10px; font-weight: normal; border-bottom: 2px solid #5c5b5b; padding-bottom: 6px;
									}
										#actuSarah .listeActu .actus h2 a { color: #FFF; text-decoration: none; font-size: 18px; line-height: 25px;
										}


/********************* THEME CONNECTE *********************/

	#containerSliderCo .bx-wrapper .bx-viewport { background: #000;
	}
	.bx-viewport #sliderInfo li#category4, .bx-viewport #sliderInfo li#category5, .bx-viewport #sliderInfo li#category6 { margin-bottom: 0;
	}
	.bx-viewport #sliderInfo li.slideInfoConnected { position: relative; overflow: hidden; padding: 0; background-color: #000; padding-bottom: 50px;
	}
		.bx-viewport li.slideInfoConnected .containerFDJ { overflow: hidden; height: 100%;
		}
			.bx-viewport li.slideInfoConnected .visuelFDJ { display: table-cell; width: 65%; text-align: center; vertical-align: middle; height: 100%;
			}
				.bx-viewport li.slideInfoConnected .visuelFDJ a { display: block; width: 98%; height: 390px; margin: 10px auto 0 auto; overflow: hidden;
				}
					.bx-viewport #sliderInfo li.slideInfoConnected .visuelFDJ img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: block; margin: 0 auto;
					}
			.bx-viewport li.slideInfoConnected .contentFDJ { display: table-cell; width: 31%; padding: 20px; background-color: #000; font-family: 'Rockwell', Arial; font-size: 22px; vertical-align: top;
			}
				.bx-viewport li.slideInfoConnected .contentFDJ .containerContentFDJ { position: relative; width: 100%; height: 100%; min-height: 340px;
				}
					.bx-viewport #sliderInfo li.slideInfoConnected h3 { margin-top: 0; color: #FFF; font-weight: normal; padding: 0.5% 1%; text-transform: uppercase; font-size: 22px;
					}
					.bx-viewport li.slideInfoConnected h2 { font-size: 25px; margin-top: 25px;
					}
					.bx-viewport li.slideInfoConnected div.auteurFDJ { font-size: 12px; font-family: 'Helvetica', Arial; color: #bcbdba; padding-left: 20px; background: url(../images/pictoPlume.png) no-repeat left;
					}
					.bx-viewport li.slideInfoConnected div.excerptFDJ { font-size: 14px; font-family: 'Helvetica', Arial; color: #FFF; margin: 30px 0 20px;
					}
					.bx-viewport li.slideInfoConnected div.seeMore { display: inline; font-family: 'Rockwell', Arial; margin: 0 0 0 5px; font-size: 20px; border-radius: 2px; z-index: 20;
					}
						.bx-viewport li.slideInfoConnected div.seeMore a { color: #FFF; text-decoration: none; padding: 0 5px;
						}
	#containerSliderCo .containerSarah {
	}
		#containerSliderCo .containerSarah .containerContenuSarah { position: relative; overflow: hidden;
		}
			#containerSliderCo .containerSarah .journalVideo { position: absolute; top: 5%; left: 5%; font-size: 16px; font-weight: normal; color: #FFF; font-family: 'Rockwell', Arial; background-color: #ee7f00; padding: 0.2%; text-transform: uppercase;
			}
			#containerSliderCo #actuSarah .visuelSarah { float: left; width: 65%;
			}
			#containerSliderCo #actuSarah .listeActu { float: left; padding: 0; width: 35%;
			}
				#containerSliderCo #actuSarah .listeActu .actus { margin-top: 0;
				}
					#containerSliderCo #actuSarah .listeActu .actus h2{ font-size: 18px; margin-top: 20px; margin-bottom: 30px;
					}
						#containerSliderCo #actuSarah .listeActu .actus h2 a { color: #FFF; text-decoration: none; font-size: 18px; line-height: 18px;
						}
					#containerSliderCo .listeActu .actus .bx-viewport { background-color: #000; max-width: inherit; min-width: inherit;
					}
						.bx-viewport #sliderFDJsarah { margin: 0; overflow: hidden;
						}
							.bx-viewport #sliderFDJsarah li.slideFDJsarah { position: relative; margin: 0; padding: 1%;
							}
								.bx-viewport li.slideFDJsarah .contentFDJsarah { background-color: #000;
								}
									.bx-viewport li.slideFDJsarah .contentFDJsarah { background-color: #000; font-family: 'Rockwell', Arial; font-size: 22px;
									}
										.bx-viewport #sliderFDJsarah li.slideFDJsarah h3 { margin-top: 0; color: #FFF; font-weight: normal; padding: 0.5% 1%; text-transform: uppercase; font-size: 22px;
										}
										.bx-viewport #sliderFDJsarah li.slideFDJsarah .contentFDJsarah h2 { font-size: 30px; margin-top: 40px;
										}
										.bx-viewport li.slideFDJsarah h2 a:hover { color: #FFF;
										}
										.bx-viewport li.slideFDJsarah .visuelFDJsarah { width: 100%;
										}
											.bx-viewport li.slideFDJsarah .visuelFDJsarah a { display: block;
											}
												.bx-viewport li.slideFDJsarah .visuelFDJsarah img { max-width: 100%; width: auto; height: auto; max-height: 200px; margin: 0 auto;
												}
	#containerSliderCo .bx-controls { top: 76%;
	}
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width: 100%; 
		}

/********************* LOADER *********************/

	.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;
	}

/********************* PAGER *********************/

	.bx-wrapper .bx-pager { text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; max-width: 1100px; min-width: 960px; margin: 0 auto; width: 96%; padding: 0 2%; padding-bottom: 30px;
	}
		.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;
		}
		.bx-wrapper .bx-pager .bx-pager-item { width: 5%; border-top: 4px solid #000; border-bottom: 4px solid #000;
		}
		.bx-wrapper .bx-pager .bx-pager-item:first-child { border-left: 4px solid #000;
		}
		.bx-wrapper .bx-pager .bx-pager-item:last-child { border-right: 4px solid #000;
		}
			.bx-wrapper .bx-pager.bx-default-pager a { overflow: hidden; background: #dadad8; text-indent: 9999px; display: block; width: 100%; height: 8px; outline: 0;
			}
			.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ee7f00;
			}
			
/********************* CONTROLS *********************/

	#containerSliderCo .containerSarah .bx-wrapper .bx-controls { position: absolute; top: 60%; width: 100%;
	}
		.containerSarah .bx-wrapper .bx-controls .bx-prev, .containerSarah .bx-wrapper .bx-controls .bx-next { width: 22px; height: 55px; display: block; text-indent: 9999px; position: absolute;
		}
		.containerSarah .bx-wrapper .bx-controls .bx-prev { background: url(../images/journalVideoPrev.png) no-repeat; background-size: 100% auto; left: 0;
		}
		.containerSarah .bx-wrapper .bx-controls .bx-next { background: url(../images/journalVideoNext.png) no-repeat; background-size: 100% auto; right: 0;
		}
		

@media screen and (max-width: 1300px) {
	.bx-viewport li.slideInfo h2 { font-size: 30px; line-height: 30px;
	}
	.bx-viewport li.slideInfo div.texteSlider { font-size: 14px;
	}
	.bx-viewport #sliderInfo li.slideInfoConnected h3 { font-size: 14px;
	}
	.bx-viewport li.slideInfoConnected h2 { font-size: 20px; margin-top: 15px;
	}
	.bx-viewport li.slideInfoConnected div.excerptFDJ { font-size: 12px;
	}
	.bx-viewport li.slideInfoConnected div.seeMore { font-size: 12px; padding-top: 2px;
	}
	.bx-viewport #sliderFDJsarah li.slideFDJsarah h3 { font-size: 14px;
	}
	.bx-viewport #sliderFDJsarah li.slideFDJsarah .contentFDJsarah h2 { font-size: 20px; margin-top: 25px;
	}
	.containerSarah .bx-wrapper .bx-controls .bx-prev, .containerSarah .bx-wrapper .bx-controls .bx-next { width: 14px;
	}
	#actuSarah .listeActu { font-size: 11px;
	}
		#actuSarah .listeActu .actus { margin-top: 15px;
		}
			#actuSarah .listeActu .actus h2 { margin-top: 5px; padding-bottom: 5px;
			}
				#actuSarah .listeActu .actus h2 a { font-size: 16px; line-height: 20px;
				}
}
@media screen and (min-width: 1301px) and (max-width: 1515px) {
	.bx-viewport li.slideInfo h2 { font-size: 35px; line-height: 35px;
	}
	.bx-viewport li.slideInfo div.texteSlider { font-size: 14px;
	}
	.bx-viewport #sliderInfo li.slideInfoConnected h3 { font-size: 18px;
	}
	.bx-viewport li.slideInfoConnected h2 { font-size: 25px; margin-top: 20px;
	}
	.bx-viewport li.slideInfoConnected div.excerptFDJ { font-size: 13px;
	}
	.bx-viewport li.slideInfoConnected div.seeMore { font-size: 16px;
	}
	.bx-viewport #sliderFDJsarah li.slideFDJsarah h3 { font-size: 18px;
	}
	.bx-viewport #sliderFDJsarah li.slideFDJsarah .contentFDJsarah h2 { font-size: 25px; margin-top: 30px;
	}
	.containerSarah .bx-wrapper .bx-controls .bx-prev, .containerSarah .bx-wrapper .bx-controls .bx-next { width: 18px;
	}
	#actuSarah .listeActu { font-size: 13px;
	}
		#actuSarah .listeActu .actus { margin-top: 15px;
		}
			#actuSarah .listeActu .actus h2 { margin-top: 10px; padding-bottom: 10px;
			}
				#actuSarah .listeActu .actus h2 a { font-size: 18px; line-height: 22px;
				}
}