@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



.spacer {
  clear:both;             
}

 a {
    color:#333;
    text-decoration:none;
  }
 a:hover {
    color:#555;
    text-decoration:none;
  }
.a_faire {
  background-color:#A00;
  color:#fff;
  padding:2px;
  font-size:11px;
  margin:1px;
}

strong {
    font-weight: 700;
}

p.surtitre {
display: block;
margin-bottom: 3px;
font-size: 12px;
font-weight: 500;
color: #999;
text-transform: uppercase;
}

.erreur {
  color:#A30A44;
  font-weight:bold;
  margin:0px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body{
	font-family: 'museo-sans', sans-serif;
	font-size: 1em;
	font-weight: 300;
	color: #333333;
}

.table { display: table; width: 100%; height: 100% }
.valign { display: table-cell; vertical-align: middle }

a.small-link {
	color: #999;
	text-decoration: none;
	font-size: 12px;
	margin-right: 10px
}
a.small-link:hover { color: #333 }

.wrap, .page, #menu ul {
	position: relative;
	margin: 0 auto;
	width: 90%;
	max-width: 1024px;
}
.page {
	padding-bottom: 30px;
}
.mid-col {
	float: left;
	width: 50%;
}
.page .mid-col:last-child { padding-left: 40px }

#header {
	position: relative;
	margin: 0;
	width: 100%;
}
	#account {
		position: relative;
		width: 100%;
		height: 95px;
	}
		#logo {
			position: absolute;
			top: 20px;
			left: 0;
			display: block;
			width: 240px;
			height: 55px;
			overflow: hidden;
			text-indent: -3000px;
			background-image: url('../images/logo-arqana-online.svg');
			background-position: left center;
			background-size: contain;
			background-repeat: no-repeat;
		}
    
    #header_droite {
			position: absolute;
			top: 31px;
			right: 0px;
      display:flex;  
      justify-content:space-around;  
align-items: center;
    gap: 10px;      
    }
    
		#login {
			/*
      position: absolute;
			top: 31px;
			right: 100px;
      */
      margin:0;
		}
			a.alogin {
				display: block;
                    text-align: center;
				padding: 7px 17px;
				border: solid 2px;
				font-size: 12px;
				font-weight: 500;
				color: #333;
				text-transform: uppercase;
				text-decoration: none;
			}
			a.alogin:hover { color: #b80b4d }
			a.logged {
				padding: 7px 40px 7px 17px;
				background: url(../images/icons/arr-login.png) right center no-repeat;
			}
			a.logged:hover { color: #333 }

    #login_menu {
      display:none;
      /*width:100%;*/
      z-index:2000;
      position:absolute;
    }
    #login_menu a {
      display: inline-block;
      width:100%;
      font-size: 12px;
      text-align:center;
      padding:7px;
			color: #333;
      background-color:#fff;
			text-transform: uppercase;
			text-decoration: none; 
      border: 1px solid #DDD;
      border-bottom:0px;     
    }
    #login_menu a:last-child {
      border-bottom:1px solid #DDD;
    }
    #login_menu a:first-child {
      border-top:0px;
    }    
    #login_menu a:hover {
       background-color:#f9f9f9;
       color: #111;
       text-decoration: none; 
    }
    
    #header_live {
      display:block;
      font-weight: 700;
      font-size: 16px;
      color: #b80b4d;
      margin:5px 0px;
    }

		#langues {
			/*
      position: absolute;
			top: 31px;
			right: 0px;
      */
      margin:0;
      
		}
			#langues a {
				display: inline-block;
				padding: 7px 17px;
				border-bottom: solid 2px;
				font-size: 12px;
				font-weight: 500;
				color: #333;
				text-transform: uppercase;
				text-decoration: none;
			}
			#langues a:hover { color: #b80b4d }

.myArqana_menu_principal {
    cursor: pointer;
    background: linear-gradient(to right, #8C1D40 50%, #C19947 50%);
    background-size: 200% 100%;
    /*background-position:right bottom;*/
    background-position: -100% bottom;
    padding: 5px 10px;
    transition: 0.3s ease;
    border:2px solid  #C19947;
    
}   
.myArqana_menu_principal:hover {
    color: white;
    background-position:left bottom;
    border:2px solid  #8C1D40;
}
 
      
	#menu {
		display: table;
		width: 100%;
		border-top: solid 1px #BBB;
		border-bottom: solid 1px #BBB;
	}
		#menu ul.main { display: table; border-left: solid 1px #ddd; }
		#menu ul li.pane { position:relative; float: left; width: 25%; border-right: solid 1px #ddd; }
			#menu ul li a.pane {
				display: block;
				padding: 20px;
				background-color: #FFF;
				color: #333;
				text-transform: uppercase;
				text-decoration: none;
				text-align: center;
			}
			#menu ul li a.pane:hover { background-color: #ddd; color: #000 }
		#menu ul li.pane ul {
			position: absolute;
			right: 0;
			left: 0;
			top: 59px;
			width: 100%;
			background-color: #FFF;
			z-index: 3;
			border: solid 1px #BBB;
			border-top: 0;
			display: none;
		}
    #menu ul li.pane:hover ul {
      display: block;
    
    }
		#menu ul li.pane:hover a.pane { background-color: #ddd }
			#menu ul li.pane ul li {
				position: relative;
				border-bottom: solid 1px #ddd;
			}
			#menu ul li.pane ul li a {
				display: block;
				padding: 15px;
				color: inherit;
				text-decoration: none;
				text-align: center;
			}
			#menu ul li.pane ul li a:hover {
				background-color: #F9F9F9
			}
			#menu ul li.pane ul li a span.horse {
				display: block;
				margin-bottom: 3px;
				font-weight: 700;
				letter-spacing: .5px;
				text-transform: uppercase;
			}
			#menu ul li.pane ul li a span.date {
				font-size: 12px;
				text-transform: uppercase;
				font-weight: 500;
				color: #999;
			}
      


/* Buttons */

a.button.register, .bouton, input#request_extended_submit {
	-webkit-appearance: none;
  display: inline-block;
	margin-top: 20px;
	min-width: 250px;
	padding: 15px 10px;
	background-color: #333;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
  border:0px;
  cursor:pointer;
}
a.button.register:hover, .bouton:hover   { background-color: #000 }
.tiny {
	display: inline-block;
	margin: 10px 0;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
	color: #666;
  cursor:pointer;
}
.tiny:hover { color: #000 }
a.button.download {
	display: block;
	margin-bottom: 20px;
	min-width: 200px;
 max-width: 250px;
  width:auto;
	padding: 13px 10px;
	border: solid 2px;
	font-size: 12px;
	font-weight: 500;
	color: #b80b4d;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
a.button.download:hover { color: #333 }
a.button.bid, a#buttonbid, input#bid-form-submit, .page.bidding .bid-form input[type=submit], #register input[type=submit], #maj input[type=submit], #page_register_form input[type=submit], #request_extended_form input[type=submit] {
	-webkit-appearance: none;
  display: inline-block;
	padding: 15px 22px;
	background-color: #007808;
	color: #FFF;
	border: 0;
	outline: none;
	font-family: 'museo-sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
  cursor:pointer;
}
a.button.bid {
  margin-top:20px;
}
#register input[type=submit], #maj input[type=submit], #page_register_form input[type=submit] {
  padding: 10px;
  margin:0px;
}
a.button.bid:hover, a#buttonbid:hover, input#bid-form-submit:hover, .page.bidding .bid-form input[type=submit]:hover, #register input[type=submit]:hover, #request_extended_form input[type=submit]:hover { background-color: #005E06; cursor: pointer; }

#bid-form-submit {
 float:left;
 /*margin-top:20px;*/
 }
 
#bid-block-submit {
  display:none;
  color:#B80B4D;
  font-weight:600;
  margin-top:5px;
} 

#bid-block-countdown {
  float:right;
}
 

/* Home */

.page.home .ongoing-sales, .page.home .upcoming-sales {
	position: relative;
	margin: 20px 0 60px 0;
	float: left;
	/*min-height: 30vh;
	max-height: 50vh;*/
	overflow-y: scroll;
}
.page.home .ongoing-sales { width: 60%; padding-right: 20px; }
.page.home .upcoming-sales { width: 40%; padding-left: 20px; /*border-left: solid 1px #bbb;*/ }
	.page.home .ongoing-sales h2, .page.home .upcoming-sales h2 {
		font-size: 1.25em;
		font-weight: 500;
		margin-bottom: 20px;
	}
	.page.home .upcoming-sales .sale {
		position: relative;
		display: table;
		width: 100%;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: solid 1px #bbb
	}
	.page.home .upcoming-sales .sale img {
		float: left;
		margin-right: 20px;
		width: 25%; 
		height: auto;
	}
	.page.home .sale h3 {
		display: block;
		margin-bottom: 3px;
		font-size: 1.25em;
		font-weight: 700;
		color: #b80b4d;
		text-transform: uppercase;
		letter-spacing: .5px;
	}
	.page.home .sale h4 {
		text-transform: normal;
		font-size: 12px;
		font-weight: 600;
	}
	.page.home .upcoming-sales .sale strong {
		display: block;
		margin-top: 10px;
		font-family: 'minion-pro-display', serif;
		font-style: italic;
		font-weight: 600;
		font-size: 18px;
		color: #555;
		line-height: 1.25;
	}
	.page.home .upcoming-sales .sale a {
		display: block;
	  	position: absolute;
	  	bottom: 20px;
	  	right: 0;
	  	width: 100px;
	  	padding: 7px;
	  	text-align: center;
	  	text-transform: uppercase;
	  	text-decoration: none;
	  	font-size: 12px;
	  	font-weight: 500;
	  	color: #FFF;
	  	border-radius: 4px;
	  	background-color: #333;
	}
	.page.home .upcoming-sales .sale a.upcoming {
		color: #333;
		background-color: #FFF;
		border: solid 2px #bbb;
	}
	.page.home .upcoming-sales .sale a.upcoming:hover { background-color: #FFF; border-color: #333 }
	.page.home .ongoing-sales .sale img {
		width: 100%
	}
	.page.home .ongoing-sales .sale h3 {
		margin-top: 10px;
	}
	.page.home .ongoing-sales .sale a {
		display: block;
	  	position: absolute;
	  	bottom: 10px;
	  	right: 20px;
	  	width: 100px;
	  	padding: 7px;
	  	text-align: center;
	  	text-transform: uppercase;
	  	text-decoration: none;
	  	font-size: 12px;
	  	font-weight: 500;
	  	color: #FFF;
	  	border-radius: 4px;
	  	background-color: #333;
	}
	.page.home .sale a:hover { background-color: #000 }
	.featured-sale strong.date span { padding-left: 5px; }

/* Home Event */

.featured-sale {
	position: relative;
	margin: 40px 0;
	width: 100%;
	display: table;
}

.featured-sale-gauche {
  float:left;
  width:510px;
}


	.featured-sale .img {
		display: table-cell;
		width: 65%;
		height: auto;
	}
		.featured-sale .img img { width: 100%; height: auto }
	.featured-sale .title {
		display: table-cell;
		vertical-align: top;
		margin-left: 65%;
		width: 35%;
		padding-left: 30px;
	}
	.featured-sale .sale-date {
		margin-bottom: 25px;
		background-color: #007808;
		padding: 10px;
		color: #FFF;
		text-align: center;
	}
		.home-event .sale-date strong, .featured-sale .sale-date strong {
			text-transform: uppercase;
			font-weight: 700;
			letter-spacing: .5px;
		}
		.featured-sale .countdown-home, .featured-sale .countdown {
			margin-top: 3px;
			zoom: 1.25;
			/*text-transform: uppercase;*/
		}
		.page.home-event .tiret {
			margin: 25px 0 40px 0 !important;
		}
	.featured-sale .headline { margin: 0 0 20px 0 }
		.featured-sale .headline strong {
			font-size: 22px !important;
		}
	.featured-sale a.view-sale {
		display: inline-block;
		min-width: 100px;
		padding: 10px;
		background-color: #333;
		font-size: 14px;
		color: #FFF;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.featured-sale a.view-sale:hover { background-color: #000 }
	.page.home-event p.price {

		margin-bottom: 20px;
	}
/* Sale */

.page .entry {
	display: table;
	padding-top: 40px;
	width: 100%;
}
.page .breadcrumb {
	position: relative;
	width: 100%;
	padding: 20px 0;
}
	.page .breadcrumb a {
		font-size: 14px;
		color: #666666;
		text-decoration: none;
		line-height: 1;
	}
	.page .breadcrumb a:hover { color: #000 }
.page .entry .carousel, .page .entry .sale-infos, .page .entry .synthese, .page .entry .bidding-zone {
	position: relative;
	float: left;
	width: 50%;
}
	.page .entry .carousel img.main, .page .entry .synthese img.main {
		width: 100%;
		height: auto;
    
	}
  .carousel img {
    max-width:100%;
  }
.page .entry .sale-infos, .page.bidding .entry .bidding-zone { padding-left: 40px }
	.history strong.date, .page .entry .readmore button, #sticker .call-to-bid p, .page.ongoing-sale .entry .bids p.current-bid, .page.bidding .entry .call-to-bid div.current-bid, .page.login strong.notice, .past-sale strong.date, .step .name strong, .page.home-event p.current-bid {
		display: block;
		margin-bottom: 3px;
		font-size: 12px;
		font-weight: 500;
		color: #999;
		text-transform: uppercase;
	}
	 .sale-infos h1, #sticker strong.horse-name, .page.bidding h1, .home-event .featured-sale h2, .past-sale h2, .step .name h3 {
		display: block;
		margin-bottom: 3px;
		font-size: 1.5em;
		font-weight: 700;
		color: #b80b4d;
		text-transform: uppercase;
		letter-spacing: .5px;
    border:0px;
	}
	.sale-infos h2, #sticker p.horse-synt, .page.bidding .synthese h2, .home-event .featured-sale h3, .past-sale h3 {
		font-weight: 700;
	}
	.sale-infos strong.title, .page.bidding strong.title, .headline strong {
		display: block;
		padding: 25px 0 0 0;
		font-family: 'minion-pro-display', serif;
		font-style: italic;
		font-weight: 600;
		font-size: 1.5em;
		color: #b80b4d;
		line-height: 1.25;
	}
  .page.bidding strong.title {
    padding: 5px 0 5px 0;    
  }
  
  .lot-presentation-detail {
		display: block;
		padding: 25px 0 0 0;
		font-family: 'Inter', sans-serif;
		/*font-style: italic;*/
		font-weight: 400;
        
		font-size: 1.2em;
		/*color: #b80b4d;*/
        color:#000;
		line-height: 1.25;  
        text-align:justify;
  }
  
  
  .homeheadline {
		/*
        font-family: 'minion-pro-display', serif;
		font-style: italic;
		font-weight: 600;
		font-size: 1.5em;
		color: #b80b4d;
		line-height: 1.25;
        */
 
    margin-top:25px;
  }
  

	.page .entry .tiret, .page.home-event .tiret {
		position: relative;
		margin: 25px 0;
		width: 100px;
		height: 4px;
		background-color: #b80b4d;
	}
	.page .entry .dates {
		padding-bottom: 1em;
		border-bottom: solid 1px #bbb
	}
.dates div.price {
	font-size: 1.5em;
	font-weight: 500;
  color: #333;
}  
	.page .entry .dates p, .mid-col p, .page.bidding .time-remaining p, .past-sale p, .time-remaining-confirm p {
		font-size: 14px;
		color: #666;
		line-height: 1.4;
	}
  

  
  
  .time-remaining-confirm {
    margin-left:10px;
  }
  
  #bid-confirm-alert {
    font-size:12px;
    margin-top:10px;
  }
  
  #bid-confirm-alert a {
    text-decoration: underline;
  }
  
  #bid-withdraw {
    cursor:pointer;
    font-weight:700;
  }
  
	.page.bidding .entry .dates p { color: #333 }
	.page.bidding .entry .dates strong { font-weight: 700 }
	.mid-col p.vendor-contact { margin:20px 0; color: #333; }
	.mid-col strong {
		display: block;
		font-weight: 700;
		margin: 15px 0 6px 0;
	}
  
  .vendor-contact a {
    color:#333;
    text-decoration:none;
  }
  .vendor-contact a:hover {
    color:#333;
    text-decoration:underline;
  }
  
  .vet_res {
    color: #111;
  }
  
	.page .entry .dates h2 {
		margin: 15px 0 5px 0;
	}
	.page .entry .readmore {
		position: relative;
		margin-top: 30px;
		text-align: right;
	}
		.page .entry .readmore button {
			display: inline-block;
			margin-bottom: 20px;
			padding-bottom: 30px;
			border: 0;
			outline: none;
			background: #FFF url(../images/darr.png) center bottom no-repeat;
		}
		.page .entry .readmore button:hover { color: #000; cursor: pointer }
.page .full-details {
	position: relative;
	margin: 40px 0;
  margin-top:0px;
	width: 100%;
	display: table;
}
#sticker {
	position: fixed;
	top: -20%; right: 0; left: 0;
	width: 100%;
	padding: 20px 0;
	border-bottom: solid 1px #bbb;
	background-color: #FFF;
	z-index: 100;
	opacity: 0;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
}
#sticker.visible {
	top: 0;
	opacity: 1;
}
	#sticker .call-to-bid {
		position: absolute;
		top: -19px;
		right: 0;
		display: table-cell;
		vertical-align: middle;
	}
	.page.ongoing-sale #sticker .call-to-bid {
		/*top: 1px;*/
	}
	.page.sale-completed #sticker .call-to-bid p { color: #333; font-weight: 700; letter-spacing: .5px; }
	#sticker .call-to-bid p {
		position: absolute;
		top: 28px;
		left: -163px;
	}
  
	#sticker-current-bid {
		font-weight:200;
    font-size: 14px;
    color: #666;
    line-height: 1.4; 
    margin-top:20px;   
	}  
  #sticker-price {
  font-size: 1.5em;
  font-weight: 500;
  color: #333;
  }
  
.tiret-gris {
	position: relative;
	margin: 25px 0;
	width: 100px;
	height: 2px;
	background-color: #bbb;
	clear: both;
}
.page.login h1 {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin-bottom: 20px;
}
.page .full-details h2, .page.login h2, .page.account h2, .page.success h2 {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin-bottom: 20px;
}
.page.success h2 {
  text-align:center;
}

.page.account a.jointhesale, .page.account a.jointhesale:hover, .page.upcoming-sale a.jointhesale, .page.upcoming-sale a.jointhesale:hover,  .page.ongoing-sale a.jointhesale, .page.ongoing-sale a.jointhesale:hover, .page.sale-completed a.jointhesale, .page.sale-completed a.jointhesale:hover {
  background-color:#007808;
  color:#fff;
  display: inline-block;
  padding: 15px 25px;
  border: none;
  outline: medium none;
  font-family: "museo-sans",sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  border-radius: 4px; 
    
}

.page.account a {
text-decoration: none;
border-bottom: 1px solid #BBB;
}
.page.account a:hover {
text-decoration: none;
border-bottom: 1px solid #333;
}


.account table.registered_sales td {
	padding: 4px;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
}

.account table.registered_sales td.rs_horse {
  font-size: 14px;
  font-weight:bold;
  text-transform:uppercase;
}
.account table.registered_sales td.rs_dates {
  font-weight:bold;
}

.account table.ongoing_sales td {
	padding: 10px;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
}
.account table.ongoing_sales td.rs_horse {
  font-size: 14px;
  font-weight:bold;
  text-transform:uppercase;
}
.account table.ongoing_sales td.rs_dates {
  font-weight:bold;
}

table.table_invoices {
  width:90%;
}

table.table_invoices td {
	padding: 8px;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
  border-top:1px solid #ccc;
}
table.table_invoices td:first-child, table.table_invoices td:last-child {
  text-align:center;
  width: 160px;
}


table.table_invoices tr:last-child td {
  border-bottom:1px solid #ccc;
}
    
table.table_purchases td:first-child {
  text-align:center;
  width: 160px;
}

table.table_listing {
  width:100%;
}

table.table_listing td {
	padding: 8px;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
  border-top:1px solid #ccc;
}
table.table_listing tr:last-child td {
  border-bottom:1px solid #ccc;
}

table.table_listing th {
	padding: 8px;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
  font-weight:bold;
  text-align:left;
  text-transform: uppercase;
}




/*#race-records en table*/
table#race-records, table#entries, #race-details table {
	width: 100%;
}
table#race-records tr, table#entries tr {
	width: 100%;
}	
table#race-records tbody, table#entries tbody {
	width: 100%;
}			
	table#race-records td, table#entries td, #race-details table td { 
		padding: 10px; 
		font-size: 14px;
		border-bottom: solid 1px #bbb;
	}
	table#race-records td a, table#entries td a, #race-details table td a {
		color: inherit;
		text-decoration: underline;
	}
	table#race-records td a:hover, table#entries td a:hover, #race-details table td a:hover {
		text-decoration: underline;
	}
	table#race-records tr.titles td, table#entries tr.titles td, #race-details tr.titles td {
		color: #FFF;
		background-color: #b80b4d;
		border-bottom: 0;
	}
  table#race-records td.media {
    text-align:center;
  }
	table#race-records td.position, table#race-records td.cat, table#entries td.cat { font-weight: 700 }
	table#race-records td.media a { margin-right: 4px }
	table#race-records td.media a:hover { opacity: .75 }
  table#race-records td.position {
    text-align:center;
  }

  .div_race_comments {
    cursor:pointer;
  }

#race-details {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
	background-color: rgba(255,255,255,0.9);
	display: none;
}
#race-details .table .valign div {
	position: relative;
	margin: 0 auto;
	width: 90%;
	background-color: #FFF;
	padding: 20px;
	border: solid 1px #bbb;
}
#race-details h2 {
	margin: 0 0 10px 0;
	font-size: 24px;
	text-align: center;
}
#race-details p.date { text-align: center; margin-bottom: 20px }
#race-details p {
	margin-bottom: 20px;
}
table#pedigree { margin-bottom: 15px }
	table#pedigree td {
		padding: 5px 40px 5px 15px;
		vertical-align: middle;
		font-size: 14px;
    text-transform:uppercase;
	}
		table#pedigree td span.info {
			display: block;
			font-size: 12px;
			font-weight: 500;
		}
	table#pedigree td.cheval {
		padding: 5px 40px 5px 0;
		font-weight: 700;
		font-size: 1.25em;
		background: url(../images/pedigree/parent.png) right center no-repeat;
	}
	table#pedigree td.parents {
		font-weight: 700;
		background: url(../images/pedigree/gparent.png) right center no-repeat;
	}
	table#pedigree td.gparents {
		font-weight: 500;
		background: url(../images/pedigree/agparent.png) right center no-repeat;
	}

/* Ongoing sale */
#sticker .countdown {
	display: inline !important
}
	.countdown:before {
		content: 'Remaining: ';
		font-size: 14px;
		color: #666;
	}
	.featured-sale .countdown:before {
		color: #FFF;
		font-weight: 500
	}
	.countdown-show1 .countdown-section {
		width: 98%;
	}
	.countdown-show2 .countdown-section {
		width: 48%;
	}
	.countdown-show3 .countdown-section {
		width: 32.5%;
	}
	.countdown-show4 .countdown-section {
		width: 24.5%;
	}
	.countdown-show5 .countdown-section {
		width: 19.5%;
	}
	.countdown-show6 .countdown-section {
		width: 16.25%;
	}
	.countdown-show7 .countdown-section {
		width: 14%;
	}
	.countdown-section {
		font-size: 14px;
		font-weight: 500;
		padding-right: 7px;
	}
.entry .call-to-bid {
	position: relative;
	display: table;
	width: 100%;
	margin-top: 30px;
}
	.entry .call-to-bid a.button.bid, .entry .call-to-bid a.button.register { float: right }
  
	.page.sale-completed .entry .call-to-bid .bids { position: relative; }
	.entry .call-to-bid .bids {
		position: absolute;
		bottom: -4px; left: 0;
	}
		.entry .call-to-bid p.price, .page.home-event p.price {
			font-size: 1.5em;
			font-weight: 500;
			color: #333;
			line-height: 1;
		}
		.call-to-bid .bids button {
			margin-top: 4px;
			border: 0;
			outline: none;
			padding: 0;
			background-color: #FFF;
			font-family: 'museo-sans', sans-serif;
			font-size: 12px;
			letter-spacing: .5px;
			color: #666;
		}
		 .call-to-bid .bids button:hover { color: #b80b4d; cursor: pointer; }
		 .call-to-bid .bid-history {
			position: absolute;
			bottom: 20px;
			width: 400px;
			height: auto;
			border: solid 1px #bbb;
			background-color: #FFF;
			display: none;
			z-index: 2;
		}
		 .call-to-bid .bid-history strong.bidding-lot {
				display: block;
				padding: 10px;
				font-size: 12px;
				font-weight: 700;
				text-transform: uppercase;
				text-align: center;
				background-color: #F5F5F5;
			}
      
      #alerte_arqana_content strong.bidding-lot {
				display: block;
				padding: 5px;
				font-size: 12px;
				font-weight: 700;
				text-transform: uppercase;
				text-align: left;
				background:none;
			} 
      
			.entry .call-to-bid .bid-history table, table#bid-history-liste {
        width: 100%;
      }
			.entry .call-to-bid .bid-history table td, table#bid-history-liste td {
				font-size: 14px;
				padding: 10px;
				border-top: solid 1px #ddd;
			}
			.entry .call-to-bid .bid-history table td strong, table#bid-history-liste td strong { font-weight: 700 }

/* Bidding */

.page.bidding .synthese, .page.bidding .bidding-zone {
	margin: 0 0 40px 0;
}
.page.bidding a.button.download {
	margin-top: 20px
}
	
   .page.bidding .bidding-zone {
    position:relative;
   }
  .page .entry .bidding-zone .border {
		position: relative;
		padding: 20px 20px 10px 20px;
		border: solid 2px #bbb;
    min-height:230px;
    width:100%;
	}
  
  #bid-confirm, #bid-key {
    display:none;
  }
  
  #bid-key {
    min-height:280px;
  }

  #bid-confirm-current {
  }  
  #bid-confirm-form {
    background-color:#eee;
  }
  #bid-confirm-current table, #bid-confirm-form table {
    width: 100%;
  }  
  #bid-confirm-current td, #bid-confirm-form td {
    padding: 10px;
  }

  #bid-confirm-current td:first-child, #bid-confirm-form td:first-child {
    width: 170px;
  }  
  #bid-confirm-current td:nth-child(2), #bid-confirm-form td:nth-child(2) {
    text-align:right;
    width: 110px;
  }  
  #bid-confirm-current td:last-child, #bid-confirm-form td:last-child {
    text-align:right;
    
  }  
  
  #bid-confirm-value {
    font-size:16px;
  } 
  
  #bid-confirm-submit, #bid-confirm_key_number-submit {
    font-size:14px;
  }   
  #bid-confirm-nbbids {
    font-size:12px;
  } 
  
  #text_extra_time {
    font-size:12px;
    display:none;
    color:#A30A44;
    font-weight:bold;
  }
  
  #sale-closed {
    display:none;
  }
  
  
	.page.bidding .entry .call-to-bid .bids {
		position: relative;
		bottom: auto; left: auto;
		}
	.page.bidding .entry .call-to-bid {
		margin: 0;
	}
	.page.bidding .time-remaining {
		position: absolute;
		width: 240px;
		top: 20px; right: 10px;
		text-align: left;
		z-index: 1;
	}
	 .reserve, .texte .reserve {
		display: inline-block;
		position: relative;
		width: 10px;
		height: 10px;
		margin: 0 3px;
		background-color: #388E3C;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		-ms-border-radius: 12px;                                   
		-o-border-radius: 12px;
		border-radius: 12px;
	}
	/*
   .reserve.notreached, .texte .notreached { background-color: #c62828 }
	 .reserve.nearlyreached, .texte .nearlyreached { background-color: #FF9100 }
	*/
   .reserve.notreached, .texte .notreached { background-color: #FFF }
	 .reserve.nearlyreached, .texte .nearlyreached { background-color: #FFF }
  
  #notice_prix_marche {
    display:none;
    font-weight:700;
  }
     
  .page.bidding .bid-form input[type=text]{
		/*margin-top: 20px;*/
		margin-right: 5px;
		padding: 15px 25px;
		font-family: 'museo-sans', sans-serif;
		font-size: 14px;
		border: solid 1px #bbb;
		outline: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
    width:170px;
    float:left;
	}
	.page.bidding .bid-form input[type=text]:focus { border-color: #333 }
	.page.bidding .bid-form #instruction {
		font-size: 14px;
		color: #666;
		margin-top: 10px;
	}
	.page.bidding .bid-form #bid-hold {

		padding-left: 0px;
    margin-top:5px;
		font-size: 14px;
		font-weight: 500;
		color: #666666;
	}
  
  .page.bidding .bid-form #bid-hold #youholdthebid {
    color: #007808;
    text-transform:uppercase;
  }
  
  .bid-form {
    padding-top:20px;
  }
  
  
	.page.bidding .notice {
		padding: 20px;
		font-size: 14px;
		color: #666;
	}
	.page.bidding .notice h3 { font-weight: 700; margin-bottom: 10px }
	.page.bidding .notice p { margin-bottom: 10px; line-height: 1.5 }
	.page.bidding .notice table { width: 100%; margin-bottom: 20px }
	.page.bidding .notice table td {
		font-size: 14px;
		color: #666;
		line-height: 1.4;
		padding: 10px 0;
		border-bottom: solid 1px #bbb;
	}
	.page.bidding .notice table tr td:last-child {
		text-align: right;
	}
	.page.bidding .notice a {
		text-decoration: none;
		color: inherit;
		border-bottom: solid 1px #b80b4d;
	}
	.page.bidding .notice a:hover { border-color: #333 }

/* Completed sale */

.page.sale-completed p.end {
	text-transform: uppercase;
  	font-weight: 500;
  	color: #333;
  	letter-spacing: .5px;
  	margin-bottom: 20px;
}

/* Gallery */

.gallery-thumbs {
	position: relative;
	margin-top: 15px;
	width: 100%;
	font-size: 0;
}
.gallery-thumbs a {
	position: relative;
	display: inline-block;
	width: 20%;
	margin-right: 15px;
	text-decoration: none;
	border: 0;
}
.gallery-thumbs a:hover img { opacity: .75 }
	.gallery-thumbs a img {
		width: 100%;
		height: auto;
    
	}
	.gallery-thumbs a .blank {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		/*height: 100%;*/
		font-size: 14px;
		font-weight: 500;
		color: #333;
		text-transform: uppercase;
		text-align: center;
		border: solid 1px #bbb;
		line-height: 1;
	}
	.gallery-thumbs a:hover .blank { border-color: #000 }
		.gallery-thumbs a .blank span.count {
			padding: 7px 0;
			display: block;
			border-bottom: solid 1px #bbb;
		}
			.gallery-thumbs a .blank span.count img {
				width: 19px;
				height: 15px;
				margin-left: 5px;
				margin-bottom: -2px;
			}
		.gallery-thumbs a .blank span.open {
			font-size: 12px;
			padding: 5px 10px;
			display: block;
		}

#gallery {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
	background-color: #FFF;
	display: none;
}
	#gallery .image {
		position: absolute;
		top: 0; right: 20%; bottom: 0; left: 0;
		width: 80%;
		height: 100%;
		display: table;
		background-color: #333;
	}	
		#gallery .image .container-image {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			padding: 0 7.5%;
      max-width:80%;
		}
		#gallery .image .container-image img { max-width: 100%; height: auto; }
		#gallery .image .container-image .caption {
			margin-top: 15px;
			color: #FFF;
		}
    
    #gallery .image .container-image .elementg {
      display:none;
      width:100%;
      max-width:100%;
    }
    #gallery .image .container-image .elementg img {
      width:auto;
      max-width:100%;
    }
    
		#gallery .image .controls button {
			position: absolute;
			top: 50%;
			width: 14px;
			height: 25px;
			overflow: hidden;
			border: 0;
			outline: none;
			text-indent: -3000px;
			margin-top: -13px;
			background-color: transparent;
			
			background-repeat: no-repeat;
      background-position: left top;
		}
		#gallery .image .controls button:hover { cursor: pointer; opacity: .75 }
		#gallery .previous-image {
			left: 2.5%;
			background-image: url(../images/icons/arr-gallery-previous.png);
		}
		#gallery .next-image {
			right: 2.5%;
      background-image: url(../images/icons/arr-gallery-next.png);
      
		}
	#gallery .thumbs {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 80%;
		width: 20%;
		height: 100%;
		overflow-y: scroll;
		background-size: #FFF;
	}
		#gallery .thumbs #close, #race-details button {
			position: absolute;
			top: 20px; right: 20px;
			width: 30px;
			height: 30px;
			overflow: hidden;
			text-indent: -3000px;
			border: 0;
			outline: none;
			background: url(../images/icons/close.png) center no-repeat;
		}
		#gallery .thumbs #close:hover, #race-details button:hover { cursor: pointer; opacity: .75 }
		#gallery .thumbs ul { margin-top: 70px }
		#gallery .thumbs ul li {
			border-top: solid 1px #bbb
		}
		#gallery .thumbs ul li:hover { background-color: #F5F5F5 }
			#gallery .thumbs ul li a {
				display: block;
				padding: 15px;
			}
			#gallery .thumbs table { width: 100% }
			#gallery .thumbs table td { vertical-align: middle; width: 50% }
			#gallery .thumbs table td:last-child { text-align: center; padding-left: 10px; font-weight: 500 }
			#gallery .thumbs table td p span { display: block; font-size: 12px; color: #666; margin-top: 5px }
      
      #gallery .thumbs img {
        max-width:130px;
      }

/* Horses sold */

.history { padding-top: 10px; font-size: 0 }
.history_year {
    font-size: 2em;
    font-weight: 700;
    color: #b80b4d;
    padding:0 10px;
}
.past-sale {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 50%;
	padding: 10px;
	font-size: 14px;
}
.past-sale a {
	position: relative;
	display: block;
	width: 100%;
	padding: 20px;
	border: solid 1px #bbb;
	text-decoration: none;
	color: inherit;
	font-size: .9em;
	-webkit-transition: border-color .5s ease;
	-moz-transition: border-color .5s ease;
	transition: border-color .5s ease;
}
.past-sale a:hover { border-color: #333 }
.past-sale h2 { margin-bottom: 0 }
.past-sale h3 { margin-bottom: 10px }
.past-sale p { width: 60% }
.past-sale .price { 
	position: absolute; 
	bottom: 20px; 
	right: 20px;
	font-size: 1.25em;
	font-weight: 500;
  	color: #333;
  	line-height: 1;
}


.page.history h1, .page.texte h1, .page.how h1, .page.courtier h1 {
	margin: 20px 0;
	text-align: center;
	font-size: 32px !important
}

.page.texte h1 {
	color: #b80b4d;
}
.page.texte h1::after {
	content: '';
	display: block;
	margin: 20px auto 0 auto;
	width: 80px;
	height: 1px;
	background-color: #BBB;
}

img {
	max-width: 100%;
	height: auto;
}

/* Login */

.registerfinal {
  margin-top: 40px;
}

.page.login .signin, .page.login .register {
	position: relative;
	float: left;
	width: 50%;
	margin-top: 40px;
}
.page.login .signin { padding-right: 40px; border-right: solid 1px #bbb }
.page.login .register { padding-left: 40px }
.page.login .signin form { margin-bottom: 30px; }
.page.login .signin input[type=text], .page.login .signin input[type=password], #register input[type=text], #register input[type=password], input[type=tel], #maj input[type=text], #maj input[type=password], #page_register_form input[type=text], #page_register_form input[type=password], #register select,  #maj select, #register textarea, #page_register_form textarea, #maj textarea,  #request_extended_form select, #request_extended_form input[type=text], #request_extended_form textarea {
	display: block;
	width: auto;
	/*margin-bottom: 15px;*/
	border: solid 1px #BBB;
	font-family: 'museo-sans', sans-serif;
	font-size: 14px;
	padding: 10px;
	outline: none;
}
.page.login .signin input[type=text], .page.login .signin input[type=password] {
  margin-bottom: 15px;
  width:240px;
}
#register input[type=text], #register input[type=password], #maj input[type=text], #maj input[type=password], #register select, #maj select, #maj textarea, #register textarea, #page_register_form textarea, input[type=tel] { margin-bottom: 0 }
input[type=text]:focus, input[type=password]:focus {
	border-color: #333 !important
}

input[type=tel] {
  width:100px;
}


#maj td {
  vertical-align:middle;
}

.page.login .signin input[type=submit], .page.login .register a, .page.login #div_forgotpwd a, .page.success a.button, .registerfinal a, a#bid-annule, a#bid-key-annule, #bid-confirm-submit, #bid-confirm_key_number-submit, #form-withdraw input[type=button]{
		-webkit-appearance: none;
    display: inline-block;
	min-width: 100px;
	padding: 10px;
	border: 0;
	background-color: #333;
	font-family: 'museo-sans', sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  cursor:pointer;
}
.page.login .signin input[type=submit]:hover, .page.login .register a:hover, .page.success a.button:hover, .page.login #div_forgotpwd a:hover, #form-withdraw input[type=button]:hover {
	background-color: #000;
	cursor: pointer;
}

a#bid-annule, a#bid-key-annule {
  float:right;
  margin-right:10px;
}

#bid-confirm-submit, #bid-confirm_key_number-submit {
  background-color:#007808;
  padding: 15px 25px;
}

.page.login .signin input[type=checkbox] { margin-left: 20px }
.page.login .signin label {
	text-transform: uppercase;
	font-size: 12px;
}
.page.login .signin a, .page.texte a, .page.account .menu a {
	color: inherit;
	text-decoration: none;
	border-bottom: solid 1px #bbb
}
.page.login .signin a:hover, .page.texte a:hover, .page.account .menu a:hover { border-color: #333 }
.page.login .register p {
	margin-top: -4px;
	line-height: 1.4;
	margin-bottom: 15px
}

#forgot-password {
  cursor:pointer;
}

#div_forgotpwd {
  display: none;
}

	#div_forgotpwd table {
		width: 100%
	}
  #div_forgotpwd table td { vertical-align: middle; padding-bottom: 15px; }
  
  #forgotpwd-button-ok {
    background-color:#007808;
  }
/*

#register {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	overflow: scroll;
	background-color: rgba(255,255,255,0.75);
	z-index: 3;
	display: none;
}

	#register form {
		position: relative;
		margin: 100px auto;
		display: table;
		width: 50%;
		max-width: 720px;
		padding: 40px;
		background-color: #FFF;
		box-shadow: 0 0 20px rgba(0,0,0,0.25)
	}
	#register form select {
		margin-bottom: 15px
	}
*/

  #register_intro {
    display:block;
  }

  #register {
  width: 100%;
	background-color: rgba(255,255,255,0.75);
	z-index: 3;
  margin-top: 10px;
	display: none;  
  }
	#register form {
		position: relative;
		margin: 0;
		display: table;
		width: 100%;
		padding: 10px;

	}
  
  
  #register-button-ok {
  	background-color: #007808;
	  color: #FFF;
  }
  
	span.required {
		display: inline-block;
		width: 4px;
		height: 4px;
		color: #FFF;
		background-color: #e53935;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
    vertical-align:text-top;
	}
	#register span.required.ok { background-color: #007808 }
	#register form table {
		width: 100%
	}
		#register form table td { vertical-align: middle; padding-bottom: 15px; }
		#register form table td.label { width: 30% }
		#register form input[type=submit]{
			margin-top: 20px;
			float: right;
		}

/* Success */

.page.success h1 {
	margin: 40px auto 20px auto;
	font-family: 'minion-pro-display', serif;
	font-size: 2.5em;
	font-style: italic;
	text-align: center;
}
.page.success p {
	text-align: center;
	line-height: 1.4;
}
.page.success a.onemoreplease {
	border-bottom: solid 1px #bbb;
	text-decoration: none;
	margin-left: 20px;
	color: inherit;
}
.page.success a.onemoreplease:hover { border-color: #333 }

/* My account */

.page.account .main {
	position: relative;
	margin-top: 40px;
	float: left;
	width: 75%;
}
.page.account .menu {
	position: relative;
	margin-top: 40px;
	float: left;
	width: 25%;
	padding-left: 40px;
	border-left: solid 1px #bbb
}
.page.account h1, .page.history h1, .page.texte h1, .page.how h1, .page.courtier h1, .featured-sale h1 {
	margin-bottom: 20px;
	font-family: 'minion-pro-display', serif;
	font-style: italic;
	font-size: 2em;
}
      
.featured-sale h1 {      
  color: #b80b4d;
  text-align:center;
}

#index_gauche {
  float:left;
  width:500px;
  margin-left:10px;
  height:354px;
  vertical-align:middle;
  display:table-cell;
}
#index_intro {
  height:auto;
  vertical-align:middle;
  display:table-cell;
}


.page.account table.account_infos { min-width: 50%; max-width: 450px; }
.page.account table.account_infos td {
	background-color: #F5F5F5;
	padding: 15px;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
}

.page.account .menu strong {
	display: block;
	margin-top: 20px
}

/* Texte */

.page.texte h1 span {
	display: block;
	margin-top: 10px;
	font-family: 'museo-sans', sans-serif;
	font-style: normal;
	font-size: .6em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.page.texte h2 {
	font-size: 1.5em;
	font-weight: 500;
	text-align: center;
	border: solid 2px #ddd;
	padding: 15px 20px;
	margin-bottom: 40px;
	color: #b80b4d;
	text-transform: uppercase;
}
.titre-bloc-avec-chevron {
	display: block;
	margin: 30px 0 15px 0;
	padding: 15px 10px;
	background-color: #b80b4d;
	color:  #FFF;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 2px;
	background-image: url("../images/chevron-white.svg");
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 50px 140%;
}

.page.texte table.table_listing {
	margin: 0 0 20px 0;
}

.page.texte table.table_listing .step {
	margin: 0;
	padding: 20px 0;
	display: block;
}

.page.texte table.table_listing.first .step {
	margin: 0;
	padding: 20px 0;
	display: block;
}

.page.texte table.table_listing:not(.first) .step {
	display: none;
}

.page.texte table.table_listing th,
.page.texte table.table_listing tr,
.page.texte table.table_listing td {
	padding: 0;
	margin: 0;
	border: none;
}

.page.texte table.table_listing h2 {
	margin: 0;
	background-color: #b80b4d;
	color: #FFF;
	border-width: 1px;
	border-color: #b80b4d;
	border-radius: 2px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.page.texte table.table_listing.is-open h2 {
	background-color: #FFF;
	color: #b80b4d;
	border-color: #BBB;
}

.pane_contener {
  display:flex;
  justify-content:space-between;
}
.pane_contener .pane {
  float:none;
}

.page.texte .pane {
	position: relative;
	margin-top: 30px;
	width: 25%;
	float: left;
	padding-right: 20px;
}
.page.texte .pane h3 {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
	color: #b80b4d
}
.page.texte .pane p {
	width: 100%;
	text-align: left;
}
.step {
	position: relative;
	width: 100%;
	display: table;
	margin-bottom: 40px;
}
.step .name {
	float: left;
	width: 40%;
	height: 100%;
}
.step .name h3 { border-top: solid 2px #ddd; display: inline-block; padding-top: 15px; font-size: 1.15em; line-height: 1.4 }
.step .details {
	width: 60%;
	margin-left: 40%;
	padding-top: 16px;
	padding-left: 30px;
}
.step p, .page.about p {
	line-height: 1.4;
	margin-bottom: 10px;
}
.page.about p, p.about {
	margin: 0 auto 10px auto;
	width: 80%;
	text-align: center;
}
.page p.int {
	font-size: 1.05em;
  	font-weight: 500;
  	line-height: 1.5;
}
.step ol, .step ul { margin-bottom: 15px }
.step ol li {
	list-style: decimal;
	margin-left: 22px;
	margin-bottom: 5px;
	font-weight: 700
}
.step ul li {
	list-style: square;
	margin-left: 22px;
	margin-bottom: 5px;
}

.step ol li p {
	font-weight: 300;
	margin-bottom: 0;
}

.step .details img {
  padding:5px;
  border:1px solid #aaa;
}

table.contacts {
	position: relative;
	margin: 20px auto 40px auto;
	width: 70%;
	border-top: solid 1px #bbb;
}
table.contacts tr td {
	padding: 10px 0;
	width: 33.33%;
	border-bottom: solid 1px #bbb;
	text-align: center;
}

.ul_media li {
	list-style: square;
	margin-left: 22px;
	margin-bottom: 5px;
}
.ul_media a {
	color:#333;
  text-decoration:underline;
}
.ul_media a:hover {
	color:#111;
  text-decoration:underline;
}

/* How to bid */

.tutorial {
	position: relative;
	display: table;
  	margin: 0 auto 40px auto;
  	border: solid 1px #bbb;
  	padding: 25px;
}
.tutorial img {
	max-width: 100%;
	height: auto;
}

.tip {
  width: 400px;
}

.tip.one, .tip.two, .tip.three, .tip.four {
	position: absolute;
	color: #F00;
	width: 46px;
	height: 40px;
	background: url(../images/tips.png) left top no-repeat;
}
.tip:hover { cursor: pointer; }
.tip.one { 
	top: 33%;
  	left: 48%;
  	background-position: -46px top;
}
.tip.two {
	top: 44%;
  	left: 48%;
	background-position: -92px top;
}
.tip.three {
	top: 2%;
  	left: 65%;
	width: 40px;
	height: 46px;
	background-position: -138px top;
}
.tip.four {
	top: 20%;
  	left: 48%;
}

.tip.tip-1-droite {
	position: absolute;
	color: #F00;
	width: 46px;
	height: 46px;
	background: url(../images/tip-1-droite.png) left top no-repeat;
}

.tip.tip-1-gauche {
	position: absolute;
	color: #F00;
	width: 46px;
	height: 46px;
	background: url(../images/tip-1-gauche.png) left top no-repeat;
}




.page.texte ol, .page.how ol { margin: 20px 0 40px 0 }
.page.texte ol li, .page.how ol li {
	list-style: decimal;
	font-weight: 700;
	margin-left: 1.25em;
	margin-bottom: 5px;
}
.page.texte ol li p, .page.how ol li p {
	font-weight: 300
}

/** page register */
#page_register_rappel {
  float:left;
  width:39%;
  height:auto;
  margin-top:10px;

}
#page_register_form {
  float:right;
  width:59%;
  height:auto;
  margin-top:10px;
  
}

#page_register_form h1 {
	margin-bottom: 20px;
	font-family: 'minion-pro-display', serif;
	font-style: italic;
	font-size: 2em;
	text-align: left;
	font-size: 32px !important
}


#page_register_form .register_yes, #page_register_form .register_no, .bouton_action {
  padding:10px;
  font-size:14px;
  color:#fff;
  background-color:#333333;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  width:auto;
  min-width:60px;
  text-align:center;
  text-transform:uppercase;
}
.bouton_action:hover {
  color:#fff;
  background-color:#333333;
  text-decoration:none;
}


#page_register_form td {
  padding:10px;
}

#page_register_form table {
  width:100%;
}



#page_register_form #register_infos_supp, #page_register_form #register_infos_supp_on_my_behalf, #page_register_form #register_infos_already, #page_register_form #register_infos_supp_on_my_behalf_agent {
  display:none;
  width:100%;
}


/*** alerte Arqana ***/
#alerte_arqana {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(255,255,255,0.75);
	z-index: 3;
	display: none;
}

#alerte_arqana_titre {

  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 10px; 
  font-family: 'museo-sans', sans-serif;
  font-size: 1em;
  font-weight: 700;
  color: #333333;   
}

#alerte_arqana_content {
		position: relative;
		margin: 160px auto;
		width: 50%;
		max-width: 720px;
		padding: 50px;
		background-color: #FFF;
		box-shadow: 0 0 20px rgba(0,0,0,0.25);
    
    max-height:60%;
    overflow-y: auto;
    
    z-index:998;
}

#alerte_arqana_fermer {
			position: absolute;
			top: 160px; 
      left: 75%;
      
			width: 30px;
			height: 30px;
      
      margin-left:-50px;
      margin-top:10px;
      
			overflow: hidden;
			text-indent: -3000px;
			border: 0;
			outline: none;
			background: url("../images/icons/close.png") no-repeat scroll;
      cursor:pointer;
      
      z-index:999;
} 


#pop_box {
  position:fixed;
  display:none;
  bottom:50px;
  right:50px;
  width:400px;
  min-height:60px;
  border-radius:4px;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 20px rgba(0,0,0,0.25);  
  
}
#pop_box_content {
  position: relative;
  margin:20px;
  width:auto;
}

/**********************/


#request_extended_form {

}

#request_extended_form table {
  width:100%;
}

#request_extended_form td {
 margin: 10px;
 padding: 10px;
 border: 0px none;
 font: inherit;
 vertical-align: middle;
 box-sizing: border-box;
}

/*********/
#form-withdraw {

}
#withdraw-reason {
  display:none;
}
#form-withdraw h2 {
  margin-bottom:10px;
  font-weight:700;
  text-transform:uppercase;
}
#form-withdraw div {
  margin-bottom:10px;
}

#bid-min-value {
  cursor: pointer;
}

/**** medias photos dans bidding.php ***/
.bidding_photo {
  background-position:top center;
  background-repeat:no-repeat;
  background-size: contain;
  width:100%;
  height:100%; 
  display:none;
  
  position:absolute;
  top:0;
  left:0; 
}
#bidding_photos {
  width:100%;
  height:350px;
  position:relative;
} 

/** taux de change **/
#table_taux_notice {
  padding-top:0px;
  display:none;
}
#table_taux {

}
#table_taux td {
  /*border:0px;*/
  padding:1px;
}

#table_taux td img {
  width:15px;
  height:11px;  
}
#precision_taux {
  font-style:italic;
  font-size:12px;
}

/* courtiers */
.courtier_item {
 display: inline-block;
 position: relative;
 vertical-align: top;
 width: 49.5%;
 padding: 10px;
 font-size: 14px;
 height:auto;
}
.courtier_item a { 
	position: relative;
	display: block;
	width: 100%;
  height:120px;
	padding: 20px;
	border: solid 1px #bbb;
	text-decoration: none;
	color: inherit;

	-webkit-transition: border-color .5s ease;
	-moz-transition: border-color .5s ease;
	transition: border-color .5s ease;
}
.courtier_item a:hover { 
  border: solid 1px #666;
}
.courtier_item h2 {
		display: block;
		margin-bottom: 3px;
		font-size: 1.3em;
		font-weight: 700;
		color: #b80b4d;
		text-transform: capitalize;
		letter-spacing: .5px;
    border:0px;
}

.courtier_photo {
  float:left;
  margin:0px 10px auto 5px;
  width:50px;
  height:50px;
  background-repeat:no-repeat;
  background-position: center center;
  background-size:cover;
  background-image: url("http://www.arqana.com/upload/courtiers/minis/unknown_cos_48x48.gif");
}
.courtier_photo_pic {
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position: center center;
  background-size:cover;  
}

.courtier_infos {
  float:left;
  font-size:14px;
}
.courtier_drapeaux {
  position:absolute;
  bottom:10px;
  right:10px;
}
.courtier_drapeaux img {
  width:20px;
  
}


#courtier_onglets{

}
#courtier_onglets_menu{
  width:100%;
}
#courtier_onglets_menu li{
  list-style-type:none;
  display:inline-block;
  float: left;
  width:33%; 
  border-bottom:1px solid #666;
  padding:5px; 
  cursor:pointer;
  text-align:center;
}

.courtier_onglets_menu_actif {
  font-weight:bold;
}

.courtier_onglet {
  display:none;
  height:auto;
  width:100%;
  font-size:12px;
  text-align:justify;
  padding:10px;
}

.courtier_detail_infos {
  float:left;
  width:75%;
}
.courtier_detail_right {
  float:right;
  width:25%;
  text-align:right;
}
.courtier_detail_photo {
  float:right;
  width:90px;
  height:120px;
  background-position: top center;
  margin-bottom:5px;
  
  background-repeat:no-repeat;
}
.courtier_detail_drapeaux {
    
}
.courtier_detail_drapeaux img {
  width:20px;
  
}

.page p.credit { line-height: 1.4; font-family: "museo-sans",sans-serif; font-size: 1.4em; text-align:center; }
.page a.credit { display: table; margin: 0 auto; text-decoration: none; border: 0; margin-bottom: .5em; }
p.credit span.scredit {
    font-size: 0.8em;
    display: block;
    margin-top: 0.5em;
}

.consignes_enregistrer_titre {
  font-size:1em;
  font-weight:700;
  margin-top:6px;
}
.consignes_enregistrer_texte {
  font-size:0.9em;
}

.btn-menu-resp {
	display: none;
}

table.ongoing_sales {
    background-color: #F5F5F5;
    margin-bottom: 20px;
}

/* ////////////////////////////////////////////////////////////////////////////

    RESPONSIVE - 2020

//////////////////////////////////////////////////////////////////////////// */

@media (hover: hover) { /* the device can hover over elements */ }
@media (hover: none) { /* the device cannot hover over elements */ }

.page.account table.registered_sales {
	float: left;
	width: 50%;
	background-color: #F5F5F5;
    display: block;
    padding: 10px 10px 0 10px;
    margin-bottom: 20px;
    border-right: 5px solid #FFF;
    border-left: 5px solid #FFF;
}

.page.account br {
	display: none
}

.page.courtier,
.page.history {
	display: flex;
	flex-wrap: wrap;
}

.courtier_item,
.past-sale {
	height: auto;
}

.courtier_item a,
.past-sale a {
	height: 100%;
}

/* ------------------------------------------- 
	MAX-WIDTH 1024px
------------------------------------------- */

@media (max-width: 1024px) {
	table.ongoing_sales {
	    width: 100%;
	}    
    table.ongoing_sales tr {
    	display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: center;
	}
	table.ongoing_sales tr td {
		width: 50%;
		text-align: center;
	}
	table.ongoing_sales tr td.rs_dates,
	table.ongoing_sales tr td.rs_horse {
		width: 100%;
	}
	#logo {
		width: 45%;
	}
	#login {
		top: 20px;
		right: 0;
	}
	a.logged {
		padding: 7px 30px 7px 7px;
		background: url(../images/icons/arr-login.png) right -7px center no-repeat;
	}
	#langues {
		top: 64px;
	}
	.featured-sale a.view-sale {
		width: 100%;
	}
	.featured-sale .title {
		margin: 0 0 20px 0;
		padding: 0;
		width: 80%;
	}
	.featured-sale {
		display: flex;
		flex-direction: column-reverse;
		align-items: center
	}
	.featured-sale .img {
		width: 80%;
	}
	.featured-sale-gauche {
		margin: 20px 0 0 0;
		width: 100%;
		text-align: center;
	}
	.featured-sale-gauche img {
		max-width: 100%;
	}
	.page.login {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.page.login .signin,
	.page.login .register {
		padding-bottom: 40px;
		text-align: center;
		width: 60%;
	}
	.page.login .signin {
		border-right: none;
		border-bottom: solid 1px #bbb;
		padding-right: 0;
	}
	.page.login .register {
		padding-left: 0;
	}
	.page.login .signin input[type=text],
	.page.login .signin input[type=password] {
		margin: 0 auto 15px auto;
	}

	.page.account {
	    display: flex;
	    flex-direction: column-reverse;
	}
	.page.account .menu {
		width: 100%;
		border-left: none;
		border-bottom: solid 1px #bbb;
		padding-left: 0;
		padding-bottom: 20px;
	}
	.page.account .menu > ul > li:first-child {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #F5F5F5;
		padding: 10px;
		order: 1;
	}
	.page.account .main {
		width: 100%;
	}
	.page.account .menu > ul {
		display: flex;
		flex-wrap: wrap;
	}
	.page.account  .menu > ul > li {
		flex: 1;
	    margin: 0 0 20px 20px;
	    text-align: center;
	}
	.page.account  .menu > ul > li:last-child {
		margin-left: 0;
	}
	.page.account  .menu > ul > li > ul > li {
		margin-bottom: 5px;
	}
	.page.account .menu strong {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.tip.one, .tip.two, .tip.three, .tip.four {
	    width: 33.9px;
	    height: 30px;
	    background: url(../images/tips.png) left top no-repeat;
	    background-size: 130px;
	}
	.tip.one {
	    background-position: -33.9px top;
	}
	.tip.two {
	    background-position: -67px top;
	}
	.tip.three {
	    width: 30px;
	    height: 34px;
	    background-position: -101px top;
	    background-size: 130px;
	}
	.tip.tip-1-droite {
	    width: 34px;
	    height: 30px;
	    background: url(../images/tip-1-droite.png) left top no-repeat;
	    background-size: contain;
	}
	.tip.tip-1-gauche {
	    width: 34px;
	    height: 30px;
	    background: url(../images/tip-1-gauche.png) left top no-repeat;
	    background-size: contain;
	}
	.page.texte .pane {
		text-align: center;
		width: 50%;
	}
	.page.texte .pane p {
		text-align: center;
	}
	.page p.int {
		font-size: 14px;
		font-weight: 700;
	}
	.page p {
		font-size: 14px;
	}
	.page.about p,
	p.about,
	table.contacts {
		width: 100%;
	}
}
/* MENU */

@media (max-width: 1024px), (hover: none) {
	.btn-menu-resp {
		font-size: 18px;
		padding: 5px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		cursor: pointer;
		background-color: #FFF;
		border: none;
	}
	.btn-menu-resp.is-active {
		background-color: #b80b4d;
		color: #FFF;
		margin-bottom: 5px;
	}
	.btn-menu-resp .icon {
		height: 20px;
		width: 20px;
		margin-right: 8px;
		background-image: url('../images/icon-menu.svg');
	}
	.btn-menu-resp.is-active .icon {
		margin-right: 5px;
		background-image: url('../images/icon-close.svg');
	}
	#menu {
		box-shadow: 0 4px 10px rgba(0,0,0,0.05)
	}
	#menu ul.main {
		display: none;
	}

	#menu ul.main.is-open {
		display: block;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
	}
	#menu ul.is-open li.pane {
		float: none;
		width: 100%;
	}
	#menu ul.is-open li a.pane {
		padding: 5px;
		background-color: #eee;
	}
	#menu ul.is-open li.pane ul {
		position: static;
		display: block!important;
		border: none;
		padding: 5px 0 10px 0;
	}
	#menu ul.is-open li.pane ul li {
		border: none;
	}
	#menu ul.is-open li.pane ul li a {
		padding: 5px;
	}
}

/* ------------------------------------------- 
	MAX-WIDTH 800px
------------------------------------------- */

@media (max-width: 800px) {
	.step {
		display: flex;
		flex-direction: column;
	}
	.step .name {
		width: 100%;
	}
	.step .details {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	.past-sale,
	.courtier_item {
		width: 100%;
	}
  
  #header_droite {
  	flex-wrap: wrap;
    top: 5px;
    max-width: 50%;
flex-direction: column;
    gap: 5px; 
    align-items: initial;   
  }
  .myArqana_menu_principal {
    text-align:center;
    font-size:15px;
    padding:2px 5px;
  }
  #header_live {
	width: 50%;
	margin: 0;
  }
  #langues {
  	text-align: right;
	margin: 0;
  }
  #langues a {
  	padding: 0;
  }
  #login {
  	margin: 0;
  }
  #login,
  a.logged {
	width: 100%;
  }
  
  
}

/* ------------------------------------------- 
	MAX-WIDTH 700px
------------------------------------------- */

@media (max-width: 700px) {
	.page.login .signin,
	.page.login .register {
		width: 100%;
	}
	.page.account .menu {
		border: solid 1px #bbb;
		padding-bottom: 0;
	}
	.page.account .menu > ul > li {
		margin: 0 0 20px 0;
	}
	.page.account .menu > ul > li:first-child {
		order: initial;
		flex: auto;
		width: 100%;
	}
	.tip.one, .tip.two, .tip.three, .tip.four {
		left: 46%;
	    width: 22px;
	    height: 20px;
	    background: url(../images/tips.png) left top no-repeat;
	    background-size: 85px;
	}
	.tip.one {
	    background-position: -22px top;
	}
	.tip.two {
	    background-position: -44px top;
	}
	.tip.three {
		left: 64%;
	    width: 20px;
	    height: 22px;
	    background-position: -66px top;
	    background-size: 85px;
	}
	.tip.tip-1-droite {
		left: 46%!important;
	    width: 22px;
	    height: 20px;
	}
	.tip.tip-1-gauche {
		left: 93%!important;
	    width: 22px;
	    height: 20px;
	}
	.page.texte .pane {
		width: 100%;
	}
  .pane_contener {
    display:block;
  }  
	table.contacts {
		border: none;
	}
	table.contacts tr {
		display: flex;
	    flex-direction: column;
	    border: solid 1px #bbb;
	    margin-bottom: 10px;
	    padding: 10px;
	}
	table.contacts tr td {
		padding: 0;
		border: none;
		width: 100%;
	}
}

/* ------------------------------------------- 
	MAX-WIDTH 540px
------------------------------------------- */

@media (max-width: 540px) {
	.page.account .menu > ul > li {
		flex:  auto;
		width: 50%;
		margin-left: 0;
	}
	.page.account table.account_infos,
	.page.account table.registered_sales {
		width: 100%;
	}
	.page.account table.registered_sales tbody,
	.page.account table.registered_sales tr {
		display: block;
	}	
	.page.account table.registered_sales {
		border: none;
		margin-bottom: 20px;

	}
	.page.account a.jointhesale {
		width: 100%;
		text-align: center;
	}
	.featured-sale .title {
		width: 100%;
	}
	.featured-sale .img {
		width: 100%;
	}
}

.menu_live, .menu_live:hover {
  background-color: #b80b4d!important;
  color:#fff!important;
  display:block!important;
  padding:5px!important;
  margin:5px auto!important;
  width:50%!important;
  border-radius: 4px;
  text-align:center;
}

/**** cgv **/

#popin_cgv_fond {
  display:none;
  z-index:5000;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(255,255,255,0.8); 
   
}
#popin_cgv_contener {
  width:710px;
  max-width:90%;
  height:80%;
  background-color:#eee;
  padding:20px; 
  margin:5% auto; 
  border-radius: 4px;
  display:flex;
  flex-direction: column;
  position:relative;
                    
}

#popin_cgv_btn_refuse {
    position:absolute;
    right:0;
    top:0;
    border-radius: 4px;
    background-color:#000;
    color:#fff;
    padding:1px 6px;
    text-align:center;
    cursor:pointer;
}

#popin_cgv_text_contener {
  flex:9;
  border:1px solid #888;
  overflow-y:scroll;
  padding:20px;
  background-color:#fff;
}
#popin_cgv_text {
  height:auto;
}
#popin_cgv_bas {
  flex:1;
  margin-top:30px;  
}
#popin_cgv_bas_msg {
  text-align:center;
  margin-bottom:10px;
}
#popin_cgv_bas_form {
  display:flex;
  justify-content:space-around;
}
#popin_cgv_btn_accepte {
  opacity:0.3;
  background-color: #b80b4d!important;
}

.vendeur_coords {
    display:block;
    padding-left:28px;
    background-repeat:no-repeat;
    background-size:20px;
    background-position: left center;
    margin: 4px 0;
}

.vendeur_coords[data-icon=phone] {
    background-image:url('../images/phone.svg');
}
.vendeur_coords[data-icon=email] {
    background-image:url('../images/email.svg');
}
.vendeur_coords[data-icon=view] {
    background-image:url('../images/location-pin.svg');
}

.vendeur_coords span {
    color:#777;
    font-size:12px;
}

/* pagination liste lots */

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 16px;
  margin-right: 16px;
      list-style-type: none;
}

.pagination li {
    list-style-type: none!important;
}

.pagination-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 20px;
}

.pagination-prev,
.pagination-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  /* Primary */
  background-color: #DD0F5C;
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
}

.pagination-prev::after {
    content: " < ";  
}
.pagination-next::after {
    content: " > ";  
}

.pagination-prev:hover,
.pagination-next:hover {
  background-color: #F24083;
  color: #fff;
}

.pagination-prev.disabled,
.pagination-next.disabled {
  background-color: rgba(221, 15, 92, 0.1);
}

.pagination a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 24px;
  height: 24px;
  text-decoration:none;
}

.pagination a.active {
  border:1px solid #DD0F5C;
}

.register-lot-nonsevre {
    border: 1px solid #ccc;
    padding: 5px 10px; 
    margin:20px 0;
}

.register-lot-nonsevre ul {
    margin:5px 0 0 20px;
    list-style: square;
}

.register-lot-nonsevre p {
    font-weight: bold;
}

.home-btns-wrapper {
    display:flex;
    gap:5px;      
}

.home-btns-wrapper > a.view-sale {
    padding:6px;
    font-size: 13px;
    min-width: 50px;
}

@media (max-width: 800px) {
    .home-btns-wrapper {
        flex-direction:column;
    }
}