/**** couleurs
rouge : #cf1d36;
***/

/** Pour faciliter les calculs de taille de police en rem: on initialise la taille "de base" � 10px = 1rem **/
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

h1, h2 {
	text-transform:uppercase;
}
.interieure h2 {
	margin:3rem 0 2.4rem 0;
}
.interieure h2:first-child {
	margin-top:0;
}
img, video {
	max-width: 100%;
	height: auto;
}
iframe{
    max-width: 100%;
}

/**** menus ****/
#main-navigation .nav-link, .races a {
	border:0 none;
	background:0 none;
	font-weight:700;
	color:#2b2b2b;
	text-transform:uppercase;
}

#main-navigation .nav-link:hover, #main-navigation .nav-link:focus, #main-navigation .active .nav-link, #main-navigation  .current .nav-link, .races a:hover, .races a:focus, .races li.current {
	color:#fff;
	background:#cf1d36;
}
.nav-item {
	position:relative;
}
.dropdown-menu {
	min-width:14rem;
	border:0 none;
	border-radius:0;
}
.dropdown-menu {
	min-width:14rem;
	border:0 none;
	border-radius:0;
	padding:0;
}
.dropdown-menu a {
	display:block;
	color:#2b2b2b;
	text-transform:uppercase;
}
.dropdown-menu a:hover, .dropdown-menu a:focus {
	color:#fff;
	background:#cf1d36;
}

/*** breadcrumb ***/
.breadcrumb-section {
	font-size:1.2rem;
	text-transform:uppercase;
}
.breadcrumb-section li {
	list-style:none;
}
.breadcrumb {
    background-color: transparent;
    border-radius:0;
    font-size:1.2rem;
    padding-left:0;
}
.breadcrumb li {
	padding-left:6px;
	font-weight:700;
	text-transform:uppercase;
	}
.breadcrumb li:first-child {
	padding-left:0;
}
.breadcrumb a span {
	color:#000;
	padding-right:6px;
	border-right:1px solid #000;
	font-weight:400;

}

button.print, button.lightbox {
	border:none;
}
button.print .fa-print{
	font-size: 1.5em;
}
button.lightbox {
    background-color: #fff;
}
/*** règles générales ***/
.uppercase {
	text-transform:uppercase;
}
.follow a span {
	font-size:3rem;
	color:#000;
	margin-right:6px;
}
.fondgris {
	background:#e4e4e4;
	padding:24px 12px 12px;
	margin-bottom:24px;
}
body.home .fondgris {
	margin-bottom:0;
	height:100%
}
.fondgris.carte {
	padding-right:0;
}
.fongris.carte h2, .fondgris.carte p {
	margin-right:12px;
}
.fondgrisfonce {
	padding:24px 12px 12px;
	background:#4d4a47;
	color:#fff;
}
.bord-rouge {
	border-top:24px solid #cf1d36;
}
.rouge {
	color:#cf1d36;
}
.accroche {
	font-size:1.7rem;
}
hr {
	margin-top:2rem;
	margin-bottom:2rem;
	border-top-width:5px;
}
.encadre {
	padding:24px;
	border:1px solid #2a2a2a;
}
.accroche {
	font-size:1.7rem;
}
.texte-petit, .h6 {font-size:1.4rem;}
.texte-grand {
	font-size:2rem;
}

.btn-primary {
	text-transform:uppercase;
	border:0 none;
	font-weight:600;
}
.thead-rouge {
	color:#fff;
	background-color:#cf1d36;
}
table {font-size:1.4rem}
#copyright a {
	color:#2b2b2b;
}
.no-margin h1, .no-margin a {
	font-size:2rem;
	text-transform:uppercase;
	font-weight:700;
	color:#b5b5b5;
	font-family:Roboto;
	display:flex;
	align-items:center;
}

.no-margin h1:before, .no-margin a:before {
	content:"";
	display:inline-block;
	background:url("../Images/fleche-grise.png") no-repeat bottom left / 100%;
	width:3.2rem;
	height:3.2rem;
	margin-right:12px;
	transition:all ease-in 10ms;
	}
.no-margin h1, .no-margin a:hover, .no-margin a:focus, #copyright a:hover, #copyright a:focus {
	color:#cf1d36;
	}
.no-margin h1:before, .no-margin a:hover:before, .no-margin a:focus:before {
	background:url("../Images/arrow-down.png") no-repeat center left / 100%;
}

/*** header ***/
.bandeau-fond {
	position:relative;
}

 h1.entry-title {
	color:#fff;
	text-align:center;
}
.bandeau {
		width:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
	}
/*** formulaire réservation ***/
form[name="booking"] legend {
    font-weight: 600;
    margin-top: 1.5rem;
}
form[name="booking"] fieldset fieldset legend {
    font-weight: 400;
    margin-top: 0;
    font-size: 1.6rem;
}

/*** formulaire powermail ***/
.tx-powermail label,
.tx-powermail .label {
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 1rem;
}
.tx-powermail p.label {
	margin-bottom: .5rem;
}
.tx-powermail .form-check label {
	text-transform: none;
	font-weight: normal;
}
.tx-powermail .help-block p{
    margin :0;
}
.tx-powermail .help-block{
    margin :0;
    font-weight: 400;
    text-transform: none;
}
}


/***** page int�rieure ***/
.entry-content {
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.page {
	background:url("../Images/bg-taureau.png") no-repeat 100% 95%, linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%);
}
.page.contact {
    background:url("../Images/bg-carte-france.png") no-repeat 100% 95%, linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%);
}

/**** footer ****/
#colophon {
	padding-top:24px;
	border-top:6px solid #cf1d36;
	font-size:1.4rem;
}
.footer-contact a {
	display:inline-block;
	border:1px solid #CF1D36;
	padding:12px;
	margin-top:12px;
	text-align:center;
	font-weight:700;
	text-transform:uppercase;

}
.menu-copyright ul {
	list-style:none;
	padding-left:0;
}
.menu-copyright ul li a {
	display:inline-block;
	color:#2a2a2a;
}
.menu-copyright ul li a:hover {
	font-weight:700;
	color:#CF1D36;
}
.menu-copyright ul li a:before {
	content:"\f105";
	font-family:"FontAwesome";
	display:inline-block;
	margin-right:6px;

}
/*** extensions ***/
/** redblack **/
#mini_basket {
	font-size:1.2rem;
	text-transform:uppercase;
	padding-right:24px;
}
#mini_basket p {margin:0;}
#mini_basket .fa-shopping-cart {
	font-size:2.8rem;
	margin-right:3px;
}
.tx-redblack h2 {
	margin:24px 0;
}
.races a {
	display:inline-block;
	padding:2px 6px;
}
.races a {
	border:0 none;
	background:0 none;
	font-weight:700;
	color:#2b2b2b;
	text-transform:uppercase;
}
.races li {
	padding:0;
}
.races li.current {
	padding:2px 6px;
}
.datatable {
	margin-top:0;
}
.tx-redblack .nav-tabs .nav-item img {
	width:20px;
	height:16px;
	position:relative;
	top:-2px;
}
.tx-redblack .nav-tabs .nav-link {
	color:#2a2a2a;
	font-weight:700;
	border-color: #e8e8e8 #e8e8e8 transparent;
	 margin-right:2px;
	 border-radius:0;
}
.tx-redblack .nav-tabs .nav-link:hover, .tx-redblack .nav-tabs .nav-link:hover, .tx-redblack .nav-tabs .nav-link.active, .tx-redblack .nav-tabs .nav-item.show .nav-link {
    color: #000;
    border-color: #9c9c9c #9c9c9c #fff;
}
.tx-redblack .dataTables_wrapper, .tx-redblack.dataTables_wrapper table, ul.pagination {
	font-size:1.4rem;
}
.dataTables_wrapper > .row:first-child > div {
	display:flex;
	align-items:flex-end;
	text-align:left;
}
div.dataTables_wrapper div.dataTables_filter label {
    margin:0;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top:0;
}
.tx-redblack .nav-tabs {
    border-bottom: 1px solid #9c9c9c;
}
.tx_redblack_catalog td {
	vertical-align:middle;
}
.tx_redblack_catalog td img {
	max-width:35px;
	margin:1px 0;
	display:inline-block;
}

/*** détail ***/
.table-bordered, .tg-gauche, .pedigree, .table-striped, #descriptif {
	margin-bottom:24px;
}
.table caption.thead-rouge {
	text-transform:uppercase;
	caption-side:top;
	    padding-left:6px;
    font-weight:700;
}
.table .thead-dark th {
    background-color: #999;
    border-color: #999;

}
.table .thead-light th {
    color: inherit;
    background-color: #e9e9e9;
}
.table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 1px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
}
.tx-redblack .dataTables_wrapper td a {
	font-weight:600;
}

.tx-redblack .th-gauche th {
	background-color:#e9e9e9;
	width:65%;
}
.tx-redblack .th-gauche td {
	color:#cf1d36;
	font-weight:700;
}
.tx-redblack .table.th-gauche th,
.tx-redblack .th-gauche td  {
	border:0 none;
	padding-left:12px;
}
.tx-redblack .th-gauche td  {
	text-align: right;
	padding-right: 3em;
}
.tx-redblack .table.th-gauche tbody tr {
	border-bottom:1px solid #4d4a47;
}
 ul.pagination a{
 border:0 none;}
 .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2a2a2a;
    border-color: #2a2a2a;
}
.page {
	position:relative;
	padding-bottom:24px;
}
.index {
	width:25rem;
	z-index:3;
	background:#fff;
	padding:12px;
	}
.index li {
	padding:0 3px;
	line-height:1;
}
.index li a:hover, .index li a:focus, .index li.current {
	border:5px solid #b4b4b4;
	padding:0;
}
.photo_taureau {

	margin-bottom:24px;
}
.photo_taureau img {
	width:100%;
	border-bottom:5px solid #CF1D36;
}
.pedigree {
	padding:0 24px 24px;
	background:#e9e9e9;
	margin-top:36px;
	text-transform:uppercase;
}
.pedigree h3 {
	display:inline-block;
	padding:3px 6px;
	color:#fff;

	font-size:1.4rem;
	position:relative;
	top:-14px;
	margin-left:12px;
	background:#4d4a47;
}
.pedigree p {margin-bottom:0;}

.tx-redblack .encadre {
	font-weight:700;
}
.tx-redblack .encadre p {
	margin-top:0;
}
.tx-redblack .encadre form {
	text-transform:uppercase;
}
.tx-redblack .encadre form p{
    text-transform:none;
}
.tx-redblack .encadre_clair {
	padding:6px;
	border:1px solid #e9e9e9;
	margin-top:24px;
	margin-bottom:24px;
}
/*
.tx-redblack .encadre_clair img {
	width:50%;
}
*/
.tx-redblack figcaption {
	width:47%;
	font-weight:bold;
	font-size:1.5rem;
}
input[type="submit"] {
	margin-top:24px;
	border:0 none;
	color:#fff;
	text-transform:uppercase;
	background:#cf1d36;
	padding:6px 12px;
}

/* basket */
.tx_redblack_basket input[type="submit"] {
	margin-top:0;
    border:0 none;
    color:#fff;
    text-transform:uppercase;
    background:#cf1d36;
    padding:6px 12px;
}

/*** contact ***/
.tx-rbcontact select {
	margin-right:12px;
}
.tx-rbcontact .vcard {
	margin-bottom:12px;
	background:#f0f0f0;
	padding:12px;
}
.tx-rbcontact address {
	font-size:1.4rem;
}
.tx-rbcontact ul.coordonnees {
	margin:6px 0 6px;
}
.tx-rbcontact ul.coordonnees li a {
	display:inline-block;
	margin-right:12px;
}
.tx-rbcontact ul.coordonnees li a:hover, .tx-rbcontact ul.coordonnees li a:focus {

}
.tx-rbcontact ul.coordonnees li .fa {
	margin-right:6px;
	color:#000;
}
.tx-rbcontact ul.coordonnees li .fa-mobile {
	font-size:2rem;
}
.regions {
	margin-bottom:.5rem;
}
.regions span {
	border-left:1px solid #2a2a2a;
	padding:0 3px 0 6px;
}
.regions span:first-child {
	border:0 none;
	padding-left:0;
}
/*** news et carrousel ***/

/* Carrousel de News en accueil */
/* ------------------ carousel global styles ------------------ */

.carrousel__content[aria-hidden=true] {
  display: none;
}
.carrousel__content[aria-hidden=true] {
  white-space: normal;
}


.news-carrousel__container {
  white-space: nowrap;
}
.news-carrousel__control__list {
    position: absolute;
    list-style-type: none;
    right: 0;
    left: 0;
    margin-top: -0.5em;
    padding-left: 0;
    text-align: center;
   top: 0;
    z-index: 1;
}
.news-carrousel__control__list__item {
  display: inline-block;
  margin: 0 .5em;
}
.news-carrousel__control__list__link {
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  background: #fff;
  border-radius: 1em;
}
.carrousel {
	padding-top:18px;
}

.carrousel figure, .news-list-view .image{
	height:300px;
}
.carrousel figure img, .news-list-view .image img {
	max-height:100%;
	object-fit:contain;
}
.carrousel .js-carrousel__button-container  button {
	background:0 none;
	border:0 none;
	padding:0 none;
	position:absolute;
	top:40%;
}
.carrousel .news-carrousel__button-container.js-carrousel__button__next button {

	right:0;
}
.carrousel, .carrousel h3, .carrousel p {
	color:#fff;
}
.carrousel p {
	display:inline-block;
	margin:12px auto;
	background:#cf1d36;
	padding:6px 12px;
}


.news-carrousel__button__previous img:hover,.news-carrousel__button__next img:hover,.news-carrousel__control__list__link:hover{
  cursor: pointer;
  background: #cf1d36;
}

/*liste actus */
.article a.fondgris {
	color:#2a2a2a;
}
.article a.fondgris:hover {
	color:#fff;
	background:#4d4a47;
}

.article a.fondgris p.more, .news-backlink-wrap a, .btn-primary {
	display:inline-block;
	color:#fff;
	background: #cf1d36;
	padding:6px 12px;
}
.news-list-date {
	font-size:1.4rem;
	color:#4d4a47;
}
.pager {
	list-style:none;
}
 .news-list-view h3 {
	min-height:48px;
	text-transform:uppercase;
}
 .news-list-view .more {
	margin-top:12px;
}
.page-navigation {
	display:flex;
	width:100%;
	justify-content:space-between;
}
.page-navigation .pagination {
	list-style:none;
	padding-left:0;
}
.page-navigation .pagination li {
	display:inline-block;
	padding:0;
}
.page-navigation .pagination li.current, .page-navigation li a {
	display:inline-block;
	padding:3px 8px;
	margin:0 2px;
}
.page-navigation .pagination li.current, .page-navigation .pagination li a:hover, .page-navigation .pagination li a:focus {
	color:#fff;
	background-color:#CF1D36;
}
/**** spécifique accueil ****/
.main-section.accueil {
	padding-bottom:30px;
}
.main-section.accueil .fondgris p {
	font-size:1.5rem;
}
.main-section.accueil .fondgris a {
	color:#2a2a2a;
}
.main-section.accueil .fondgris a:hover, .main-section.accueil .fondgris a:focus {
	color:#CF1D36;
}
.main-section.accueil .fondgrisfonce h2 {
	margin-bottom:10px;
	}
.main-section.accueil .fondgris {
	position:relative;
	padding-top:52px;
}
.main-section.accueil .fondgris h2 a {
	display:block;
	padding-top:24px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(77,74,71,0);
	transition:all ease-in 100ms;
}
.main-section.accueil .fondgris h2 a:hover {
	background:rgba(77,74,71,0.3);
}

input[type="text"], textarea, select {
	padding:6px;
	margin-bottom:6px;
}


/***** responsive ****/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 36em){

}
@media (max-width: 48em){
	body.home #banner.d-none {
		display:block !important;
	}
	body.home #banner > .container {
		display:none;
	}
	body.home .fondgrisfonce, body.home .fondgris {
	border-top:24px solid #fff;
	}
	.no-margin {
	padding-top:24px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 48em){


	body.home > header {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    z-index:3;
    padding-top:6px;
	}
	body.home #banner {
		position:relative;
	}
	body.home #banner:before {
		content:"";
		display:block;
		width:100%;
		height:30%;
		position:absolute;
		top:0;
		left:0;

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		z-index:1;
	}
	body.home #banner .image-embed-item {
		/*object-fit:contain;*/
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}
	body.home #banner .container > div {
		position:absolute;
		bottom:20%;
		right: 5%;
		text-align:right;
		color:#fff;
		font-size:3rem;
		background:url("../Images/bg-taureau-mini.png") no-repeat center right;
		padding:130px 100px 0 0;
	}

	.main-section.accueil #banner {
	padding-bottom:42px;
	}
	.bandeau, .bandeau-fond {

		height:200px;
	}
	#main-navigation.navbar {
		width:100%;
	}
	.page {
		padding:30px;
	}
	.no-margin {
	margin:-30px -30px 0;
	padding-bottom:24px;
	background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.index {
	position:absolute;
	top:-40px;
	right:50px;
	}
}
@media (max-width: 61em) {
	body.home #banner:before {
	height:65%;
	}
	.navbar-nav .nav-link {
	font-size:1.4rem;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 62em){
	body.home #banner .container > div {
		bottom:25%;
		right: 10%;
	}
	.bandeau, .bandeau-fond {
		height:260px;
	}
	.page {
		margin-top:30px;
}
@media (max-width: 71.25em){
	.tx-redblack .table-responsive-lg {
		overflow-x:auto;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 71.25em){
  	body.home #banner .container > div {
		bottom:30%;
		right: 20%;
	}
	body.home #logo img {
		width:100%;
		height:115px;
	}
	.navbar-toggler {
	display:none;}
	.no-margin h1, .no-margin a {
	font-size:4rem;
	}
	.no-margin h1:before, .no-margin a:before {
	width:6.3rem;
	height:6.3rem;
	}
}