@charset "utf-8";
/* CSS Document */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700|Kalam:700);
/* RESET Bootstrap elements */
@import url(css/jquery-ui.theme.min.css);
html, body {
	font-family: 'Arial', sans-serif;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color:transparent;
}
.bgheader {
	background: #ffffff;
}
section { margin-bottom:8px; padding-bottom:10px; }
section:last-child { margin-bottom:0; }

a:hover { cursor:pointer; }
.img-responsive, .thumbnail > img, .thumbnail a > img {
    display: block;
    width: 100%;
    height: auto;
}
.thumbnail { border:0; padding:0; margin:0; }
ul.list-unstyled { margin-left:0; padding-left:0; }
ul.list-unstyled li { list-style:none; }
.btn {
/*	margin-top:12px;*/
	padding:6px;
	text-transform:uppercase;
	font-weight:bold;
	max-width:100%;
	white-space:normal;
	min-width:120px;
	/* */
	border:2px solid white;
-moz-box-shadow: 5px 5px 5px 0px #c0c0c0;
-webkit-box-shadow: 5px 5px 5px 0px #c0c0c0;
-o-box-shadow: 5px 5px 5px 0px #c0c0c0;
box-shadow: 5px 5px 5px 0px #c0c0c0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=5);
}
.btn2 {
	margin-top:0;
	padding:2px;
}
.btn:hover { filter:saturate(120%); }
.btn-group-justified { width:auto; }
.badge { margin:0 5px; padding:4px; border-radius:20px; font-size:1em; text-align:center;}
.radio input[type="radio"] { margin-left:-5px; }
.navbar-collapse { padding:0; }
.form-horizontal .form-group {
	margin-left:0;
	margin-right:0;
}
@media (max-width: 767px) {
	div.col-xs-12.row { margin:0 !important; padding:0 !important; }
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background:rgba(231,231,231,1.00);
}
/* /RESET Bootstrap elements */

/* ########################### Variables par défaut Persos */
.fa-star, .fa-star-half-full, .fa-star-o {
	color:rgba(197,29,111,1.00);
	margin:0 0 5px 2px !important;
	font-size:1.3em;
}
.es_wrapper_tile {
	min-height:3000px;
	height:3000px;
}
@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
	div#es_sticker, div#div_bouton_C2C {
		display: none !important;
	}
}
@media (min-width:768px) {
.pull-right-sm {
	float: right;
}
}

/* couleurs */
.coul1 {
	color:#0a0203 !important;
}
.coul2 {
	color:#D02D26 !important;
}
.coul3 {
	color:#005690 !important;
}
.coul3-2 {
	color:rgba(51,122,183,1.00) !important;
}
.coul4 {
	color:rgba(231,231,231,1.00) !important;/*rgba(242,242,242,1.00)*/
}
.coul5 {
	color:#000000;
}
.coul6 {
	color:rgba(69,80,85,1.00) !important;
}
.coultransp {
	color:rgba(255,255,255,0) !important;
}
.text-success {
	color:rgba(68,157,68,1) !important;
}
.text-danger {
	color:rgba(193,46,42,1.00) !important;
}
.bg1 {
	background:#0a0203;
}
.bg2 {
	background:#D02D26;
}
.bg3 {
	background:#005690;
}
.bg4 {
	background:rgba(231,231,231,1.00);
}
.bg5 {
	background:rgba(255,255,255,1.00);
}
.bg6 {
	background:rgba(69,80,85,1.00);
}

.hover0:hover {
	text-decoration:none;
}
.hover1:hover {
	color:rgba(18,15,7,1) !important;
}
.hover2:hover {
	color:rgba(197,29,111,1) !important;
}
.hover3:hover {
	color:rgba(0,157,224,1) !important;
}
/* /couleurs */
.font1 {
	font-family:"PT Sans Caption", Verdana;
}
.font2 {
	font-family: 'co-headline', sans-serif;
}
.font3 {
	font-family: 'rubik', sans-serif;
}
.caps {
	text-transform:uppercase;
}
.size1em {
	font-size:1em;
	letter-spacing:normal;
}
.size12em {
	font-size:1.2em !important;
	letter-spacing:normal;
}
.size13em {
	font-size:1.3em !important;
	letter-spacing:normal;
	font-weight: 100;
}
.size15em {
	font-size:1.5em !important;
	letter-spacing:normal;
}
.size09em {
	font-size:0.9em !important;
	letter-spacing:normal;
}
.size08em {
	font-size:0.8em !important;
	letter-spacing:normal;
}
.txtcenter {
	text-align:center;
}
.txtright {
	text-align:right;
}
.txtleft {
	text-align:left;
}
.italic {
	font-style: italic;
}
.inline {
	display:inline !important;
}
.ombrage {
	-moz-box-shadow: 0px 0px 20px 0px #656565;
	-webkit-box-shadow: 0px 0px 20px 0px #656565;
	-o-box-shadow: 0px 0px 20px 0px #656565;
	box-shadow: 0px 0px 20px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=20);
	z-index:500;
}
.cornertitre {
	border-radius:10px 10px 0 0;
	padding:2px 35px 3px 15px;
	margin:0;
	font-weight:normal;
	font-size:1em;
	line-height:150%;
}
.img-rotate {
	transform: rotate(-2deg);
	margin-top:8px;
}
.border0 {
	border:0 !important;
}
.border1 {
	border:1px solid #cfb17a;

}
.euro:after {
	margin-left:3px;
	content: "€";
	vertical-align:super;
	font-size:0.6em;
	line-height:50%;
}
.marge0 {
	margin:0 !important;
	padding:0 !important;
}
.paddingtop10 {
	padding-top:10px;
}
.clickable-row {
	cursor:pointer;
}
@media (max-width: 449px) {
	.j:after {
		content: " j";
	}
	.n:after {
		content: " n";
	}
}
@media (min-width: 450px) {
	.j:after {
		content: " jours";
	}
	.n:after {
		content: " nuits";
	}
}
#ariane {
	margin-top:0;
	margin-bottom:0;
}
	#ariane .breadcrumb {
		padding:5px 10px;
		background:none;
		margin:0;
	}
	#ariane .breadcrumb li a {
		color:rgba(0,157,224,0.90) !important;
		font-size:0.85em;
		font-weight:bold;
	}
	#ariane a.fa {
		padding-top:10px;
	}
	#ariane a:hover.fa {
		text-decoration:none;
	}
footer {
	/*padding-bottom:12px;*/
}
footer ul li a, footer ul li a:hover {
	color:rgba(255,255,255,1);
}
footer input[type="submit"] {
	margin-top:0 !important;
}
/* ########################### /Variables par défaut Persos */

@media (max-width: 767px) {
	article {
		padding-top:50px;
	}
}
@media (min-width: 768px) {
	article.nav-down {
		padding-top:160px;
	}
	article.nav-up {
		padding-top:110px;
	}
	article#index.nav-down {
		padding-top:100px !important;
	}
	article#index.nav-up {
		padding-top:100px !important;
	}
}
/* menu */
.navbar-header {
	width:100%;
}
.navbar-fixed-top {
	border-bottom:1px solid rgba(222,222,222,1);
}
.navbar-nav > li {
	text-align:center;
	padding:0;
	border-left:1px solid rgba(222,222,222,1);
}
	@media (max-width: 1023px) {
		.navbar-nav > li {
			text-align:center;
			padding:0 10px;
			border-left:1px solid rgba(222,222,222,1);
		}
	}
.navbar-nav li:last-child {
	border-right:1px solid rgba(222,222,222,1);
}
ul.navbar-nav li a {
	padding: 8px 8px;
	font-size:0.9em;
	color:rgba(69,69,69,1.0);
	font-weight:bold;
	width:100%;
}
@media (min-width: 1024px) {
	ul.navbar-nav li a {
		padding: 8px 22px;
		font-size:1.0em;
	}
}
@media (min-width: 1280px) {
	ul.navbar-nav li a {
		padding: 8px 25px;
		font-size:1.1em;
	}
}

ul.navbar-nav li:hover, ul.navbar-nav li a:hover, ul.navbar-nav li:focus, ul.navbar-nav li.active, ul.navbar-nav li.open {
	color:rgba(255,255,255,1.0);
	background:rgba(197,29,111,1) !important;
}
ul.navbar-nav li.active:hover, ul.navbar-nav li.active:focus, ul.navbar-nav li.active > a {
	color:rgba(255,255,255,1.0);
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	color:rgba(255,255,255,1.0);
}
.navbar .navbar-nav > li.open {
	color:rgba(255,255,255,1.0);
	font-weight:bold;
	background:rgba(197,29,111,1);
}
.dropdown-menu {
}
ul.dropdown-menu li:last-child {
	border:0;
}
ul.dropdown-menu li a {
	color:rgba(69,69,69,1.0);
	font-size:0.9em;
	padding-left:5px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
}
ul.dropdown-menu li a:hover {
	text-decoration:underline;
}

@media (max-width: 767px) {
	.navbar-brand  {
		padding:5px 15px;
	}
	.nav-down .navbar-brand img, .nav-up .navbar-brand img {
		width: 118px;
		height: 45px !important;
	}
	.nav-justified > li {
		float:left;
	}
	.navbar-toggle {
		margin-right:0;
	}
} /* @media (max-width: 767px) */

@media (min-width: 768px) {
	/* Menu centré si non "toggled" */
	ul.navbar-nav {
		width:100%;
		display:flex;
		justify-content:center;
	}
	.nav-down .navbar-brand{
		min-height:100px;
		-webkit-transition: all .4s ease-in-out;
		transition:all .4s ease-in-out;
		padding:0;
		margin:0;
	}
	.nav-down .navbar-brand img {
		width: 262px;
		height: 100px !important;
	}
	.nav-up .navbar-brand  {
		padding:0 15px;
		min-height:50px;
		-webkit-transition: all .6s ease-in-out;
		transition:all .6s ease-in-out;
	}
	.nav-up .navbar-brand img {
		width: 118px;
		height: 45px !important;
	}
	.nav-up .contactTel {
		height:0;
		font-size:0;
		-webkit-transition: all .8s ease-in-out;
		transition:all .8s ease-in-out;
	}
	.nav-down .contactTel {
		height:30px;
		font-size:1.1em;
		-webkit-transition: all .8s ease-in-out;
		transition:all .8s ease-in-out;
	}
	.navbar-header a.btn {
		margin-top:5px !important;
	}
	.navbar-brand img {
		-webkit-transition: all .4s ease-in-out;
		transition:all .4s ease-in-out;
	}
} /* @media (min-width: 768px) */


/* ------ sous-menu inline -------- */
.navbar-nav.nav .dropdown-menu > li > a {
	width: auto !important;
	background: transparent;
	color:rgba(255,255,255,1);
	padding-top: 0;
	padding-bottom: 0;
	padding-left:20px;
	margin: 0;
}
@media (min-width: 768px) {
	.menu-open .nav-bg { height: 40px } /* change to your height of the child menu */
  
	.menu-open {
	}
	.navbar-nav.nav > li { position: static }

	.navbar-nav.nav .dropdown-menu {
	    left: 0 !important;
	    right: 0 !important;
	    box-shadow: none;
	    border: none;
	    margin: 0 auto;
	    width: 100%;
	    background:rgba(197,29,111,1);
	    padding-left: 20%;
	}

	.navbar-nav.nav .dropdown-menu > li { float: left }
	.navbar-nav.nav .dropdown-menu > li > a {
	    line-height: 49px;
	}
}
/* ------ sous-menu inline -------- */

#bs-navbar-collapse .navbar-collapse {
	height:35px;
	margin:0 auto;
}

/* /menu */


/* moteur */
#moteur1 {
	padding:5px 10px;
	border-radius:5px;
	-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.5);
	box-shadow:0 0 8px 0 rgba(0,0,0,0.5);
	z-index:300;
	background:rgba(255,255,255,0.9);
}
#moteur1 div.clearfix:after {
	height:8px;
}
article#index section #moteur1 {
	margin-top:-135px;
}
@media (min-width:992px) {
	#moteur1 div.col-md-1 {
		padding:0 !important;
		text-align:center;
	}
}
#moteurLateral {
	margin-top:10px;
	background:rgba(255,255,255,1);
	color:rgba(69,69,69,1.00);
	padding:5px 10px;
	border-radius:5px;
	-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.5);
	box-shadow:0 0 8px 0 rgba(0,0,0,0.5);
	z-index:300;
}
#moteurLateral form .navbar-collapse {
	padding:2px !important;
}
#moteur1 h2 {
	line-height:100%;
	margin:0;
}
#moteur1 label.radio-inline {
	font-size:0.9em;
	font-weight:normal;
	margin-top:5px;
}
#moteurLateral label.radio-inline, #moteurLateral label.radio {
	font-size:0.9em;
	font-weight:normal;
}

#moteur1 input, #moteurLateral input[type="radio"]{
	margin-top:2px !important;
}
#moteur1 input[type="text"], #moteur1 input[type="number"] {
	width:100%;
	margin-top:0 !important;
}
#moteur1 select {
	max-width:100%;
	padding:5px;
}
#moteurLateral input, #moteurLateral select {
	margin-top:4px !important;
	margin-bottom:4px !important;
}
.champform {
	color: rgba(69, 69, 69, 1);
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
@media (max-width: 1022px) {
	#moteur1 {
		background:rgba(255,255,255,1.00);
		color:rgba(69,69,69,1);
		margin-top:-5px;
	}
	.champform {
		width:100%;
	}
	.rechercheIndex {
		background:rgba(169,169,169,1);
		margin-top:0;
	}
} /* @media (max-width: 1022px) */
@media (max-width:1850px) {
	article#index section #moteur1 {
		margin-top:-5px;
	}
}
/* /moteur */

.titrerub {
	float:left;
}
.lisere {
	border-bottom:1px solid rgba(18,15,7,1) ;
	width:100%;
	min-height:35px;
}
.lisere2 {
	border-bottom:3px solid rgba(255,255,255,1) ;
	width:100%;
	min-height:35px;
}
h1 {
	line-height:90%;
	padding:5px;
	margin:0 0 20px;
	font-size:1.7em;
	font-weight:bold;
	text-align: left;
	text-transform: uppercase;
	color: #005A96;
	font-family: co-headline, sans-serif;
}
h2 {
	line-height:100%;
	margin:0 0 10px;
	font-size:1.5em;
	font-weight:bold;
	text-transform: uppercase;
	color: #005A96;
	font-family: co-headline, sans-serif;
}
.h2 {
	line-height:100%;
	margin:0 0 10px;
	font-size:1.5em;
	font-weight:bold;
	text-transform: uppercase;
	color: #005A96;
	font-family: co-headline, sans-serif;
}
h3 {
	padding-right:5px;
	font-size: 1.8em;
	font-weight:500;
	line-height: 110%;
}
h4 {
	line-height:110%;
	margin:0;
	padding:0;
}
h4.navbar-inner {
	margin-bottom: 8px;
}
p {
	margin-top:3px;
}
a.crit i {
	color:rgba(0,157,224,1.00);
	font-family: 'PT Sans Caption', Verdana;
	font-style:normal;
}
a.crit i.fa:before {
	font-family:'FontAwesome';
	content:"\f046";
	margin-left:8px;
}
a.crit:hover i {
	color:rgba(166,0,2,1.00);
	text-decoration:line-through !important;
}
a.crit:hover i.fa:before {
	font-family:'FontAwesome';
	content:"\f147";
}
#cookiepolicy {
	border-top:1px solid rgba(69,80,85,1.00);
	line-height:100%;
}
#cookiepolicy button {
	margin-top:-40px;
}


.thumbnail {
    position:relative;
    overflow:hidden;
}
.thumbnail img {
	margin:0;
	transition: 0.6s ease-in-out;
}
.thumbnail img:hover {
	transform: scale(1.1) rotate(-3deg);
}
.captiontitre {
	position:absolute;
	bottom:0;
	left:0;
	margin:0 !important;
	padding:5px 3px 0;
	width:100%;
	background:rgba(18,15,7,0.6);
	z-index:100;
}
.captiontitre p {
	color:rgba(255,255,255,1);
	line-height:1;
}
.captionagence {
	position:absolute;
	top:10px;
	left:15px;
	margin:0;
	padding:0 3px;
	background:rgba(255,255,255,0.9);
	font-size:0.9em;
	z-index:100;	
}
.imgOver {
position:absolute;top:0; left:0;
}
.bandoLidx {
	/*bandeau Large Index */
	padding:10px 0;
	margin:0 5px 20px;
	border-bottom:1px solid rgba(18,15,7,0.8);
}
.bandoSidx {
	/*bandeau Small Index */
	padding:10px 0;
	margin:0 5px 10px;
	border-bottom:1px solid rgba(18,15,7,0.8);
}
.bandoHidx {
	/*bandeau Hauteur Index*/
	padding:0 0 10px;
	margin:0 8px 20px;
	border-bottom:1px solid rgba(18,15,7,0.8);
}
	.bandoSidx .col-sm-7 {
		padding:0 5px;
	}
	.bandoSidx .col-sm-5 {
		padding:0 5px;
	}
	.bandoSidx .row {
		margin:0;
	}
	.bandoLidx img:first-child, .bandoSidx img:first-child, .bandoHidx img:first-child {
		box-shadow:3px 3px 3px rgba(18,15,7,0.3);
	}
	.bandoLidx a h3, .bandoSidx a h3, .bandoHidx a h3 {
		color:rgb(18,15,7);
		font-size:1.1em;
		line-height:120%;
		margin:0;
		padding:3px 0 10px;
	}
	.bandoLidx h3 small, .bandoSidx h3 small, .bandoHidx h3 small {
		display:block;
		font-style:italic;
		font-weight:normal;
		line-height:120%;
		font-size:0.8em;
	}
	.bandoLidx a:hover, .bandoSidx a:hover, .bandoHidx a:hover {
		text-decoration:none;
	}
	.bandoLidx p, .bandoHidx p {
		line-height:120%;
		margin:0;
		padding:2px 0 0;
		font-size:1em;
	}
		.bandoLidx p.accrochCom {
			padding-top:8px;
			font-size:0.9em;
		}
	.bandoSidx p {
		line-height:120%;
		margin:0;
		padding:5px 0 0;
		font-size:0.9em;
	}
	.bandoLidx p big, .bandoSidx p big, .bandoHidx p big {
		font-weight:normal;
		line-height:120%;
	}
	.bandoLidx p i.fa, .bandoSidx p i.fa, .bandoHidx p i.fa {
		margin-right:8px;
	}
	.bandoLidx div.prix {
		text-align:right;
		padding-top:0px;
		margin-top:-10px
	}
	.bandoSidx div.prix {
		text-align:right;
		padding:5px 0 0;
		border-left:1px solid rgba(18,15,7,1.0);
	}
	.bandoSidx div.prix2 {
		/*text-align:right;*/
		padding:5px 0 0;
		/*border-left:2px solid rgba(18,15,7,1.0);*/
	}
	.bandoHidx div.prix {
		text-align:right;
		padding:5px 0 0;
		border-left:1px solid rgba(18,15,7,1.0);
	}
	@media (max-width:767px) {
		.bandoSidx div.prix, .bandoSidx div.prix2, .bandoHidx div.prix {
			border:0;
		}
	}
	.bandoHidx div.prix {
		padding-right:15px;
	}
	.bandoLidx div.prix p, .bandoSidx div.prix p, .bandoSidx div.prix2 p, .bandoHidx div.prix p {
		font-size:0.7em;
	}
	.bandoLidx div.prix span.euro, .bandoHidx div.prix span.euro {
		color:rgba(197,29,111,1.0);
		font-size:1.9em;
		font-weight:bold;
		line-height:100%;
	}
	@media (max-width:767px) {
		.bandoLidx div.prix span.euro, .bandoHidx div.prix span.euro, .bandoSidx div.prix span.euro, .bandoSidx div.prix2 span.euro {
			font-size:1.3em;
		}
	}
	.bandoSidx div.prix span, .bandoSidx div.prix2 span {
		color:rgba(0,157,224,1.0);
		font-size:1.5em;
		font-weight:bold;
	}
.enbref {
	padding:8px;
	margin-bottom:8px;
}
.enbref h3 {
	line-height:100%;
	margin-top:0;
}
.enbref div.prix {
	text-align:right;
}
.enbref div.prix p {
	font-size:0.8em;
	line-height:120%;
	padding:0;
	margin:0;
}
.enbref div.prix span.euro {
	color:rgba(197,29,111,1.0);
	font-size:2.3em;
	font-family:Arial, "Times New Roman", serif;
	font-weight:bold;
	line-height:110%;
}
#avisclient p {
	line-height:110%;
	margin-top:2px;
	margin-bottom:0;
	padding:0;
}
#avisclient .fa-star, #avisclient .fa-star-half-full, #avisclient .fa-star-o {
	font-size:0.8em;
}
.ligneplus {
	border-bottom:2px solid rgba(18,15,7,1);
	height:12px;
	margin-bottom:10px;
}
.fa-plus-circle {
	font-size:1.5em;
}

/* carousel multi image */
#carouselactu {
	left:-15px;
}
#carouselactu div {
	margin:0 5px;
}
/* /carousel multi image */

/* carousel bannières index */
#carouselindex .carousel-indicators {
	bottom:0;
}
/* /carousel bannières index */

/* carousel page produit */
#carouselprod .carousel-indicators {
	background:rgba(0,0,0,0.5);
	width:100%;
	padding-left:0;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:0;
	left:0;
	bottom:0;
}
#carouselprod .carousel-indicators a img {
filter:sepia(100%);
width:60px;
}
@media (max-width: 1000px) {
	#carouselprod .carousel-indicators a img {
		filter:sepia(100%);
		max-width:9%;
	}	
}
#carouselprod .carousel-indicators a:hover img {
cursor:pointer;
}
#carouselprod .carousel-indicators a.active img {
filter:none;
}
#carouselprod .carousel-control {
	width:20px;
	background:transparent !important;
}
#carouselprod .carousel-caption {
	/*top:0;
	left:0;
	width:100%;
	height:30px;
	text-align:right;
	background:rgba(255,255,255,0.5);
	color:rgba(69,69,69,1);
	text-shadow:none;
	padding:5px;
	*/
	display:none;
}
/* /carousel page produit */


/* tablo prix */
#tabtarif {
	padding-top:10px;
}
.table {
	font-size:0.85em;
}
.table>thead>tr>th{
	border-color:rgba(197,29,111,1);
	padding:4px;
}
.table>tfoot>tr>td{
	border-bottom:1px solid rgba(197,29,111,1);
	border-top:none;
	padding:4px;
}
.table>thead>tr>th:first-child{
	color:rgba(69,69,69,1.00);
}
.table > tbody > tr > td {
	border-color:rgba(69,80,85,1);
}
.prixtablo {
	font-weight:bold;
}
td.prixtablo:after {
	margin-left:3px;
	content: "€";
}
.datetablo:after {
	content:attr(data-long);
	white-space:nowrap;
}
#formtablo label {
	font-weight:normal;
	font-size:0.9em;
	padding-right:0;
}
#formtablo input[type="checkbox"], #formtablo input[type="radio"] {
	margin:2px 3px 0 0;
}
@media (max-width: 500px) {
	.datetablo:after {
		content:attr(data-short);
	}
	th.datetablo:after {
		white-space:normal;
	}
}
/* /tabloprix */


/* onglets programme */
.nav-pills li a, .nav-pills li a:link, .nav-pills li a:focus {
	background:rgba(231,231,231,1) !important;
	color:rgba(69,80,85,1);
	padding:12px;
	margin-right:3px;
	font-size:1em;
	border:0;
	text-align:left;
	font-weight:bold;
}
.nav-pills li.active a, .nav-pills li.active a:link, .nav-pills li.active a:focus {
	background:rgba(69,80,85,1) !important;
	color:rgba(255,255,255,1);
	border:0;
}
.nav-pills li a:hover {
	background:rgba(69,80,85,0.6) !important;
	border:0;
}
.rubriqueProd {
	margin-bottom:15px;
}
@media (max-width: 767px) {
	.nav-pills li a, .nav-pills li a:link, .nav-pills li a:focus {
		font-size:0.8em;
	}
}
/* /onglets programme */


#programme, #infoscomp {
	border-bottom:3px solid rgba(69,80,85,1.00);
}
#programme ul, #infoscomp ul {
	margin-left:0;
	padding-left:0;
	list-style:circle inside;
}
#reassu, #reassu.affix {
	padding:0 8px 8px;
	margin:0;
}
#reassu.affix h2 {
	margin:0 0 10px;
}
#follow {
	padding:10px 10px 0 15px;
}
	#follow img {
		margin-bottom:3px;
		max-height:40px;
	}
div.caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(69,80,85,0.5);
    z-index: 100;
}
div.captionH100 {
    height: 100%;
    background: rgba(0,157,224,0.5);
    z-index: 100;
}
div.caption h3, div.caption p {
	margin:0;
	padding:0;
	line-height:110%;
}
.boutonresa {
	margin-top:4px;
	padding:3px 6px;
}
.btn-footer {
	width:100%;
	font-size:1em;
	line-height:100%;
	text-align:left
}

#formchallenge label {
	font-weight:normal;
	font-size:0.9em;
	margin-top:10px;
	padding-right:0;
}
#formchallenge input {
	margin:6px 0;
}

/* checkbox "interrupteur" */
	input[type="checkbox"].chkperso {
		/* IE opacity hacks */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		margin-left:-20px !important;
	}
	.chkperso-label {
		cursor: pointer;
		position: relative;
	}
	.chkperso-label:after {
		content: ' ';
		position:absolute;
		background: transparent url(/images/interface/checkbox.jpg) no-repeat scroll 0 -20px;
		height: 21px;
		width: 71px;
		margin-left:10px;
	}
	input[type="checkbox"].chkperso:checked ~ .chkperso-label:after {
		background-position: 0 0;
	}
/* / checkbox "interrupteur" */
/* iAdvize */
#div_bouton_C2C {
	z-index:600;
	position:fixed;
	bottom:0;
	right: 5px;
}
#entete_C2C {
	padding:3px;
	border-radius:5px 5px 0 0;
	border-top:1px outset rgba(255,255,255,1);
	border-right:1px outset rgba(255,255,255,1);
	border-left:1px inset rgba(255,255,255,1);
	height:37px;
	cursor:pointer;
}
#entete_C2C h4 {
	margin:4px 0 0 !important;
	padding:0 !important;
}
.C2C_close i {
	transform:rotateZ(-180deg);
	transition: 0.5s ease-in-out;
}
.C2C_open i {
	transform:rotateZ(0deg);
	transition: 0.5s ease-in-out;
}
/* /iAdvize */

/* Effet RUBY */
.grid {
	/*position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;*/
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 0;/**/
	/*min-width: 320px;*/
	width: 100%;
	/*height: 360px;*/
	/*width: 48%;*/
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	/*padding: 2em;*/
	color: #fff;
	/*text-transform: uppercase;*/
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
	@media screen and (max-width: 767px)  {
		.grid figure figcaption {
			padding: 8px 2em;
			font-size: 1em;
		}
	}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	background: rgba(69,80,85,0.7);
	font-size: 1.1em;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 0.85em;
}

/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #000000;
}

figure.effect-ruby img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby h2 {
/*	margin-top: 15px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);*/
}

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	color:#fff !important;
}

figure.effect-ruby p {
	margin: 40px 30px 0;
	padding: 8px 15px;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 
figure.effect-ruby p.rubyprix {
	background: #fff;
	color:#000;
	margin: 8px 30% !important;
}
figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
/* /Effet RUBY */