@font-face {
	font-family: Carlito;
	src: url("Carlito-Regular.ttf") format("opentype");
	font-weight: normal;
}

@font-face {
	font-family: Carlito;
	src: url("Carlito-Bold.ttf") format("opentype");
	font-weight: bold;
}


a{color:black}
body{ background:#eeeeee; margin: 0 auto; font-family: Arial;}
header{position: relative; width: 100%; height: 170px; margin: 0 auto 20px; background:#FFF;}
nav{position: relative; width:1170px; height: 32px; margin: 0 auto;}
section{width:1170px; margin: 0 auto 10px; display: flex; font-size: 13px;}

.mobile_pub{display: none;}

#header{width: 1170px; position: relative; margin: 0 auto; height: 170px;}
#header #logo{position: absolute;top: 25px;left: 0;}
#header #bandeau{position: absolute;top: 15px;left: 310px;}
#header #bandeau img{border: 2px solid #333; width: 550px;}
#header #header_bloc{position: absolute; top: 25px; right: 0px; width: 130px;}


body > #bandeau img{border: 2px solid #333; width: calc(95% - 4px); margin: 10px 2.5% 0;}

#header_bloc #link, #header_bloc #link2{
	background: #9d0a31; border-radius:5px; position: absolute; top: 0px; right: 0; width: 230px;}
#header_bloc #link3{
	background: #333; border-radius:5px; position: absolute; top: 50px; right: 0; width: 230px;}
#header_bloc #link a{font-family:Arial; font-size: 18px; text-decoration: none; color: #FFF; padding: 5px; display: block; text-align: center; line-height: 18px;}
#header_bloc #link a span{font-size: 13px; text-decoration: none;}
#header_bloc #link2 a{font-family:Arial; font-size: 15px; text-decoration: none; color: #FFF; padding: 5px; display: block; text-align: center; line-height: 18px;}
#header_bloc #link2 a span{font-size: 13px; text-decoration: none;}

#header_bloc #link3 a{font-family:Arial; font-size: 15px; text-decoration: none; color: #FFF; padding: 5px; display: block; text-align: center; line-height: 18px;}
#header_bloc #link3 a span{font-size: 13px; text-decoration: none;}

nav{position: absolute; bottom: 0;}
nav > ul{margin:0; padding: 2px 2px 2px 15px;}
nav > ul > li{float:left; line-height:26px; text-transform: uppercase; color:#818283; list-style: none; letter-spacing:-1px; font-weight:normal; font-family: Carlito; font-size: 19px; padding: 2px 13px 2px 0;}
nav > ul > li:before{content: " "; padding:0 5px 0 0}
nav > ul > li:first-child:before{content: "";}
nav > ul > li a{text-decoration: none; color:#000;}
nav ul li:hover{cursor: pointer;}
nav form{float: right; }
nav form input{width: 300px;}


@media only screen and (max-width : 750px) {
	nav form{float: none; }
	nav a{color: white; text-decoration: none;}
	nav a span{font-size: 12px;}
	#btnPedigree{display: none;}
}

nav #link, nav #link2, nav #link3{position: relative; text-align: left; margin: 10px; top: auto; right: auto; padding: 10px 0;}
nav #link a, nav #link2 a{background: url("images/link1.png") left center no-repeat; padding-left: 40px; display: block;}
nav #link3 a{background: url("images/link3.png") left center no-repeat; padding-left: 40px; display: block;}

#zoneA{width: calc(72% - 10px); margin-right:10px;}
#zoneA.full{width: 100%; margin:0;}
#zoneB{width: 28%; }

#zoneTeaser{width: calc(72% - 20px); margin-right:10px; padding:0 5px;}
#zoneInfos{width: 28%; }

#zoneInfos #pub2{margin: 10px 0;}
#zoneInfos #pub2 img {
    max-width: 100%;
}

#zoneA article{padding:10px;}
#zoneA article a{color: #15c;}
#zoneA h1{font-family:Carlito; font-size: 30px; color: #000; margin: 0; text-transform: uppercase;}
#zoneA h2{font-family:Carlito; font-size: 24px; color: #000; margin: 0;}
#zoneA div.form{float: none; background-color: #000; padding: 10px; width: calc(100% - 20px); color: #FFF; margin-bottom: 10px;}
#zoneA div.form h2{font-family:Arial; font-size: 12px; color: #FFF; font-weight: normal;}
#zoneA div.form input.search{width: 75%; border:0; padding: 2px; margin: 1px; font-size: 12px; }
#zoneA div.form input[type='submit']{width: calc(25% - 14px); margin: 1px; color: white;  padding: 2px 5px; background: #000; font-size: 12px; border: 1px solid #000;}
#zoneA div.form select, input[type=date]{max-width: 25%; border:0; padding: 2px; margin: 3px; font-size: 12px;}
#zoneA p.all a{display:block; text-align:center; text-decoration:none; width: calc(100% - 22px); margin: 1px; color: white; padding: 2px 10px; background: #424242; font-size: 12px; border: 1px solid #424242;}

#zoneA #list{margin:0;}
#zoneA #list div.elementsFS{display:inline-block; width: calc(33% - 20px); background-color: #FFF; margin: 0 5px 10px; padding: 5px; vertical-align: top;}
#zoneA #list article.elementsFS{display:inline-block; width: calc(33% - 20px); background-color: #FFF; margin: 0 5px 10px; padding: 5px; vertical-align: top; min-height: 200px;}
#zoneA #list article.fullelementsFS{ display:inline-block; width: calc(100% - 20px); background-color: #FFF; margin: 0 5px 10px; padding: 5px; vertical-align: top; min-height: auto;}

#zoneA .article_content img{ max-width: 100%; margin: 10px auto; display: block; width: auto; height: auto;}
#zoneA .article_content iframe{ max-width: 100%; margin: 10px auto; display: block; }

#zoneA .onglet img{ max-width: 100%; max-height: 450px; margin: 10px auto; display: block;}
#zoneA .onglet iframe{ max-width: 100%; }

#slider{float: right; width:100%; overflow:hidden; padding:0; height:462px; border:1px solid #000; background: #CCC; text-align: center;}
#slider img{width:100%; height:462px; border: 0;}
.cycle-slide-active {right: 0;}

/* pager */
.cycle-pager {
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 30px;
}
.cycle-pager span {
    font-family: arial; font-size: 50px; width: 16px; height: 16px; margin: 0 2px;
    display: inline-block; color: #99042f; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #FFF;}

.slide{width:100%;}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 20%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(images/left.png) 10% 50% no-repeat;}
.cycle-next { right: 0; background: url(images/right.png) 90% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }


#photos, #videos{text-align: center;}
#photos ul, #videos ul{margin: 0; padding: 5px;}
#photos ul li, #videos ul li{display: inline-block; width: 80px; vertical-align: middle; line-height: 60px; margin-right: 10px; padding: 5px;}
#photos ul li img.mini, #videos ul li img.mini{max-width: 80px; max-height: 60px; cursor: pointer;}

#photos ul, #videos ul {
			margin: 0;
			padding: 0;
			width: 100%;
			overflow-x: auto;
}

#zoneA #onglets {margin: 0; padding: 0; text-align: right;}
#zoneA #onglets li{background: #CCC; color: #FFF; display: inline-block; margin: 0 4px 0 0; padding: 4px; cursor: pointer; font-size: 12px;}
#zoneA #onglets li.active{background: #FFF; color: #000;}
#zoneA #onglets li a{color: #FFF; text-decoration: none;}
#zoneA #onglets li.active a{color: #000;}
#zoneA #onglets_select {display: none;}

#zoneA div.onglet, #zoneA div.fiche{background-color: #FFF; padding: 10px;}
#zoneA div.onglet img{ max-width: 100%;margin: 10px auto; display: block;}
#zoneA div.onglet table {font-size: 12px; width: 100%;}
#zoneA div.onglet table thead{background-color: #000; color: #FFF;}
#zoneA div.onglet table tr td, div.onglet table tr th{padding: 2px;}
#zoneA div.onglet table tbody tr:nth-child(2n) { background-color: lightgrey;	}
#zoneA div.onglet table tr.ventes_single td:first-child, div.onglet table tr.ventes_single td:last-child{width: 80px; text-align: center;}
#zoneA div.onglet ul.year{text-align: right; margin-right: 15px;}
#zoneA div.onglet ul.year li{display: inline-block; color: #000;  font-size: 14px;cursor: pointer; padding: 0 5px 0 4px; border-right: 1px solid lightgrey;}
#zoneA div.onglet ul.year li:last-child{border:0;}
#zoneA div.onglet ul.year li.active{text-decoration: underline; font-weight: bold; }

div.elementsFS a{text-decoration: none;}
div.elementsFS div.visuel{position: relative; width: 100%; height: 150px; background-size: contain; background-position: center; background-repeat: no-repeat;}
div.elementsFS div.visuel span{font-family:Carlito; position: absolute; z-index: 100; bottom:5px; right: 0; display: block; background-color: #000; color: white; font-size: 14px; padding: 2px 4px; text-transform: uppercase; text-align: right}
div.elementsFS h3{font-family:Carlito; color: #000; font-size: 16px; margin: 0; text-transform: uppercase;}
div.elementsFS p{font-family:Arial; font-size: 12px; margin: 0; height: 24px; line-height: 12px}

/*#twitter-widget-0{height: 28px !important;}*/

#zoneB > div,  #zone_etalon > div.info{background-color: rgba(255,255,255 ,0.2); padding: 10px; margin-bottom: 10px;}
#zoneB h2, #zoneInfos h2{font-family:Carlito; font-size: 18px; color: #000; margin: 0; text-transform: uppercase;}
#zoneB img{max-width: 100%;}

#zoneB article.elementsFS{margin:0 0 10px 0; cursor: pointer; width: calc(100% - 10px); min-height: 150px; background-color: white; padding: 5px;}
article.elementsFS a{text-decoration: none;}
article.elementsFS div.visuel{position: relative; width: 260px; height: calc(260px * 9 / 16); background-color:white; background-size: contain; background-position: center; background-repeat: no-repeat;}
article.elementsFS div.visuel img.playbutton{position: absolute; z-index: 99; top:0; left: 0; opacity: 0.5; width: 100%; height: auto;}
article.elementsFS div.visuel span{font-family:Carlito; position: absolute; z-index: 100; bottom:5px; left: 0; display: block; background-color: #333; color: white; font-size: 14px; padding: 2px 4px; text-transform: uppercase;}
article.elementsFS h3{font-family:Arial; font-size: 13px; font-weight: normal; margin:5px 0; text-transform: none; color: black;}
article.elementsFS p{display: none;}

article.fullelementsFS div.visuel{position: relative; width: 270px; height: calc(270px * 9 / 16); background-color:white; background-size: contain; background-position: center; float: left; margin: 10px 10px 0 0;}
article.fullelementsFS h3{font-family:Carlito; font-size: 24px; font-weight: bold;;}
article.fullelementsFS p{display: block; font-size: 14px; color: black; text-align: justify;}


@media only screen and (min-width: 750px){
			#zoneA #list article.elementsFS{ width: calc(50% - 20px); min-height: 350px;}
			article.elementsFS div.visuel{width: 100%; height: calc(390px * 9 / 16); float:none;}
			article.elementsFS div.visuel img.playbutton{width: 60%; left: 20%; top: 40px;}


		}
	
		article.elementsFS h3{font-size: 17px; font-weight: bold; margin-top: 10px;}
		article.elementsFS p{display: block; color: black; text-align: justify; min-height: 60px;}
		article.elementsFS:hover, article.elementsFS:focus{opacity: .7;}
		article.elementsFS:hover h3, article.elementsFS:focus h3{text-decoration: underline;}

#zoneB #pub2 img{max-width: 100%;}
#zoneB div.elementsFS{display:block; background-color: #FFF; margin: 0 5px 10px; padding: 5px; vertical-align: top;}
#zoneB .info p{text-align: center;}
#zoneB .info p a{display: block; padding: 5px; background-color: black; color: white;  text-decoration: none; margin:2px 0;}

/*
#zoneA div.info { background-color: rgba(52,152,219,0.6); padding: 10px; margin-bottom: 10px;}
#zoneA .info p{text-align: center;}
#zoneA .info p a{display: block; padding: 5px; background-color: black; color: white;  text-decoration: none; margin:2px 0;}
*/
img.localiser{opacity: 0.5}
img.localiser:hover{opacity: 1; cursor: pointer;}

@media only screen and (max-width : 425px) {
	section{display: block;}
	#zoneA, #zoneB, #zoneInfos{width:100%; float: none; margin: 0}
	#zoneTeaser{display: none; width: 100%;}
	#slider{height: auto;}
	#slider img{height: auto;}


	#zoneTeaser.mobile{display: block;}



	#zoneA .article_content iframe{ width: 350px; height: 198px; }





	#zoneA #list div.elementsFS, #zoneA #list article.elementsFS{display:inline-block; width: calc(100% - 18px); }
	#zoneA #list div.elementsFS div.visuel, #zoneA #list article.elementsFS div.visuel{ width:100%; height: calc((100vw - 40px) * 9/16);}


	#zoneA div.form select{max-width: none; width: calc(50% - 10px);}
	#zoneA #onglets {display: none;}
	#zoneA #onglets_select {display: block; width: 100%; margin:10px auto;}

}

#nav_page{font-size: 12px; text-align: center; padding: 10px 0; clear: both; width: 100%;}
#nav_page ul li{display: inline-block; width: 25px; height: 20px; text-align: center; line-height: 20px; border: 1px solid #333; background: #EEE; margin: 0 2px;}
#nav_page ul li a{text-decoration: none;}
#nav_page ul li.empty{background: none; border:0; font-weight: bold;}
#nav_page ul li.current{background: #99042f; color: #FFF;}
#nav_page ul li.prev, #nav_page ul li.prev a{background: #333; color: #FFF;}
#nav_page ul li.next, #nav_page ul li.next a{background: #333; color: #FFF;}

footer{position: relative; width: 100%; background:#000;}
footer #footer{width: 1170px; margin: 0 auto; padding: 20px 0; display: flex; font-size: 12px;}
footer #footer div.bloc{width: 33%; }
footer #footer h3{margin: 0 0 5px;}
footer #footer #nav{margin:5px; padding: 0 20px;}
footer #footer #nav li{padding: 1px 0;}
footer #footer #social{margin:0 0 10px; padding: 0;}
footer #footer #social li{list-style: none; display: inline-block; padding-right: 5px;}
footer #footer #social li img{width: 25px;}
footer #footer #contact{margin:5px; padding: 0 20px;}
footer #footer #contact li{padding: 1px 0; clear: both;}
footer #footer #contact li span{float: right; font-weight: bold;}

footer a{color: black}



article.elementsFS div.visuel span.typeArticle_2,
article.elementsFS div.visuel span.typeArticle_3,
article.elementsFS div.visuel span.typeArticle_5,
article.elementsFS div.visuel span.typeArticle_20,
article.elementsFS div.visuel span.typeArticle_21{
	background-color: rgb(52,152,219);
}

article.elementsFS div.visuel span.typeArticle_6{
	background-color:  rgb(39,174,96);
}

article.elementsFS div.visuel span.typeArticle_9{
	background-color:  rgb(106,176,76);
}



article.elementsFS div.visuel span.typeArticle_8,
article.elementsFS div.visuel span.typeArticle_11,
article.elementsFS div.visuel span.typeArticle_16{
	background-color: rgb(243,156,18);
}




.page_article #zoneA{ background:#FFF; }
.page_article #zoneB{ background-color: rgba(255,255,255,0.2);}
.page_article #zoneB > div{background: none;}

.page_ventes #zoneA h1, .page_ventes #zoneA h2{color: rgb(243,156,18)}
.page_ventes #zoneA #onglets li{background: rgb(243,156,18);}
.page_ventes #zoneA #onglets li.active{background: #FFF;}
.page_ventes #zoneA div.onglet table thead{background-color: rgb(243,156,18);}
.page_ventes #zoneA div.onglet ul.year li{color: rgb(243,156,18);}
.page_ventes #zoneB > div{ background-color: rgba(243,156,18,0.2);}
.page_ventes #zoneB h2{color: rgb(243,156,18);}
.page_ventes #zoneB article div.visuel span{background-color: rgb(243,156,18);}

.page_elevage #zoneA h1{color:  rgb(39,174,96);}
.page_elevage #zoneA div.form{background-color:  rgb(39,174,96);}
.page_elevage #zoneA #list > div div.visuel span{background-color:  rgb(39,174,96);}
.page_elevage #zoneA #list > div h3{color: rgb(39,174,96);}
.page_elevage #zoneA #onglets li{background: rgb(39,174,96);}
.page_elevage #zoneA #onglets li.active{background: #FFF;}
.page_elevage #zoneA div.onglet table thead{background-color: rgb(39,174,96);}
.page_elevage #zoneB > div{ background-color: rgba(39,174,96,0.2);}
.page_elevage #zoneB > div.info{ background-color: rgba(39,174,96,0.6);}
.page_elevage #zoneB h2{color:  rgb(39,174,96);}
.page_elevage #zoneB article div.visuel span{background-color:  rgb(39,174,96);}
/*.page_elevage #zoneB .info p a{background-color: rgb(39,174,96);}*/
.page_elevage img.localiser{background-color: rgb(39,174,96);}

.page_debourrage #zoneA h1{color: rgb(106,176,76);}
.page_debourrage #zoneA div.form{background-color: rgb(106,176,76);}
.page_debourrage #zoneA #list > div div.visuel span{background-color: rgb(106,176,76);}
.page_debourrage #zoneA #list > div h3{color: rgb(106,176,76);}
.page_debourrage #zoneA #onglets li{background: rgb(106,176,76);}
.page_debourrage #zoneA #onglets li.active{background: #FFF;}
.page_debourrage #zoneA div.onglet table thead{background-color: rgb(106,176,76);}
.page_debourrage #zoneB > div{ background-color: rgba(106,176,76,.2);}
.page_debourrage #zoneB > div.info{ background-color: rgba(106,176,76,.6);}
.page_debourrage #zoneB h2{color: rgb(106,176,76);}
.page_debourrage #zoneB article div.visuel span{background-color: rgb(106,176,76);}
/*.page_debourrage #zoneB .info p a{background-color:rgb(106,176,76);}*/
.page_debourrage img.localiser{background-color: rgb(106,176,76);}

.page_etalons #zoneA h1{color: rgb(52,152,219);}
.page_etalons #zoneA div.form{background-color: rgb(52,152,219);}
.page_etalons #zoneA #list > div div.visuel span{background-color: rgb(52,152,219);}
.page_etalons #zoneA #list > div h3{color: rgb(52,152,219);}
.page_etalons #zoneA #onglets li{background: rgb(52,152,219);}
.page_etalons #zoneA #onglets li.active{background: #FFF;}
.page_etalons #zoneB > div{ background-color: rgba(52,152,219,0.2);}
.page_etalons #zone_etalon > div.info, .page_etalons #zoneB > div.info{ background-color: rgba(52,152,219,0.6);}
.page_etalons #zoneB h2{color: rgb(52,152,219);}
.page_etalons #zoneB article div.visuel span{background-color: rgb(52,152,219);}

@media only screen and (max-width: 750px){
	header{ border-bottom: 0;}
	#mobilezone{background-color: #616161;}
	nav{background-color: #616161; z-index: 101;}
	nav form{background:#424242;}
}

#menu_vainqueurs {width: 100%; margin: 0; padding: 0;}
#menu_vainqueurs li{display: inline-block; cursor: pointer; text-align: center; font-size: 13px; list-style: none; padding: 10px; text-transform: uppercase;}
#menu_vainqueurs li.active{background: #FFF; font-weight: bold;}
#zoneB > div#list_vainqueurs, #zoneB > div#list_resultatsFR{margin-bottom: 10px; background: #FFF !important; padding: 0;}
#VainqueursEtalon.Index, #VainqueursElevage.Index, #VainqueursDebourrage.Index{max-height: 650px;}

#VainqueursEtalon, #VainqueursElevage, #VainqueursDebourrage{height: 650px; overflow:auto; padding: 5px 0 5px 10px;}
#vainqueursFR{max-height: 650px; overflow:auto; background: #FFF; padding: 5px 0 5px 10px;}

#VainqueursEtalon h3{color: #4589b7; margin: 5px 0 0;}
#VainqueursEtalon ul{margin: 0; padding: 0;}
#VainqueursEtalon ul li{position:relative; padding: 3px 0; margin-right: 2%; font-size: 12px; vertical-align: top; list-style: none; border-bottom: 1px solid #4589b7;}
#VainqueursEtalon ul li:last-child{border:0;}
#VainqueursEtalon ul li span{width: 30px; display: inline-block;}
#VainqueursEtalon ul li a:not(.cheval){color: #4589b7; text-decoration: none; text-transform: uppercase;}
#VainqueursEtalon ul li a.cheval{color: #000; text-decoration: underline}

#VainqueursElevage h3{color: #789d58; margin: 5px 0 0;}
#VainqueursElevage ul{margin: 0; padding: 0;}
#VainqueursElevage ul li{position:relative; padding: 3px 0; margin-right: 2%; font-size: 12px; vertical-align: top; list-style: none; border-bottom: 1px solid #789d58;}
#VainqueursElevage ul li:last-child{border:0;}
#VainqueursElevage ul li span{width: 30px; display: inline-block;}
#VainqueursElevage ul li a:not(.cheval){color: #789d58; text-decoration: none; text-transform: uppercase;}
#VainqueursElevage ul li a.cheval{color: #000; text-decoration: underline}

#VainqueursDebourrage h3{color: #789d58; margin: 5px 0 0;}
#VainqueursDebourrage ul{margin: 0; padding: 0;}
#VainqueursDebourrage ul li{position:relative; padding: 3px 0; margin-right: 2%; font-size: 12px; vertical-align: top; list-style: none; border-bottom: 1px solid #789d58;}
#VainqueursDebourrage ul li:last-child{border:0;}
#VainqueursDebourrage ul li span{width: 30px; display: inline-block;}
#VainqueursDebourrage ul li a:not(.cheval){color: #789d58; text-decoration: none; text-transform: uppercase;}
#VainqueursDebourrage ul li a.cheval{color: #000; text-decoration: underline}

#vainqueursFR h3{color: #4589b7; margin: 5px 0 0;}
#vainqueursFR ul{margin: 0; padding: 0;}
#vainqueursFR ul li{position:relative; padding: 3px 0; margin-right: 2%; font-size: 12px; vertical-align: top; list-style: none; border-bottom: 1px solid #4589b7;}
#vainqueursFR ul li:last-child{border:0;}
#vainqueursFR ul li span{width: 30px; display: inline-block;}
#vainqueursFR ul li a:not(.cheval){color: #4589b7; text-decoration: none; text-transform: uppercase;}
#vainqueursFR ul li a.cheval{color: #000;}

#VainqueursEtalon.Max, #VainqueursElevage.Max{max-height: 814px;}
#VainqueursEtalon.Index, #VainqueursElevage.Index{max-height: 450px;}

a.Play{position: absolute; top:2px; right: 0; background: url(img/play-circle-regular.svg) #FFF no-repeat; width: 15px; height: 15px; display: block;}


#social{margin-bottom: 20px; background: #FFF !important; }
#social ul{width: 100%; margin: 0; padding: 0; text-align: center;}
#social li{display: inline-block; cursor: pointer; text-align: center; font-size: 12px; list-style: none; padding: 8px; text-transform: uppercase;}
#social img{width: 30px;}

/* VideoCourses */

.page_videocourse #zoneA h1, .page_videocourse #zoneA h2{color:  #6f0e65;}
.page_videocourse #zoneA div.form{background-color:  #6f0e65;}

#videocourse_list table th h3 {
    margin: 5px;
}

#videocourse_list table{margin: 0; width: 100%; vertical-align: top; background:white;}
#videocourse_list table th{text-align: left; background: #6f0e65; color: #FFF; padding: 2px; font-size: 12px;}
#videocourse_list table td{text-align: left; border-bottom: 1px solid #6f0e65; margin:0; padding: 2px; font-size: 12px;}
#videocourse_list > table tr td:nth-child(1){width: 20px; text-align: center;}
#videocourse_list > table tr td:nth-child(2){width: 220px;}
#videocourse_list > table tr td:nth-child(3){width: 80px;}
#videocourse_list > table tr td:nth-child(4){width: 80px;}
#videocourse_list > table tr td:nth-child(6){width: 160px;}
#videocourse_list > table tr td:nth-child(7){width: 110px;}
#videocourse_list > table tr td:nth-child(8){width: 110px;}

#videocourse_list a{color: #6f0e65; font-weight: bold;}

#videocourse_list_search{background: #FFF;}
#videocourse_list_search table{margin: 10px 0; width: 100%; vertical-align: top; }
#videocourse_list_search table th{text-align: left; background: #6f0e65; color: #FFF; padding: 2px; font-size: 12px;}
#videocourse_list_search table td{text-align: left; border-bottom: 1px solid #6f0e65; margin:0; padding: 2px; font-size: 12px;}
#videocourse_list_search a{color: #6f0e65; font-weight: bold;}

#videocourse form {
	clear:both;
	margin: 0 0 20px;
	padding: 20px;
	background-color: #f0f0f0;
	font-size: 8pt;
}

#videocourse form input[type=submit]{background: #6f0e65; color: #FFF; padding: 3px 5px; border:0; font-size:12px;}

#videocourse_details table{margin: 10px 0; width: 100%; vertical-align: top;}
#videocourse_details table th{text-align: left; background: #6f0e65; color: #FFF; padding: 2px;}
#videocourse_details table td{text-align: left; border-bottom: 1px solid #6f0e65; margin:0; padding: 2px; font-size: 12px;}
#videocourse_details table tr td:first-child{width: 10%; text-align: center;}
#videocourse_details table td img{width: 32px;}

#vainqueurs.fiche, #jumenterie.fiche, #etalons.fiche, #etalons_list, #etablissements_list{overflow: auto; margin-right: -20px; margin-bottom: -20px;}

.page_videocourse div#info {
    text-align: center;
    padding: 20px;
}

.page_videocourse div#zone_videocourse {
    padding: 20px;
    background: white;
}


/* Annonces */

.page_annonces h1, .page_annonces h2, .page_annonces h3{font-family:'Arial Black', 'Arial Bold', Arial; font-weight:900;}

.page_annonces{	font-size: 12px;}

.page_annonces h1 span{float: right;}
.btn_annonces{background: #c0392b; font-size: 16px; padding:8px; color: white;}
.btn_annonces:hover{background: black;}

.page_annonces #zoneA div.form{ background: #c0392b; }

.page_annoncess h1{color: #ff2929; font-size: 32px; text-transform: uppercase; margin:0;}
.page_annonces h1 span{font-weight: normal; font-size: 12px; margin-top: 10px;}

.page_annoncess #info{float: right; text-align: right; font-size: 12px; font-weight: bold; width: 250px; margin-bottom: 10px;}
.page_annonces #info a{color: #ff2929;}

.page_annoncess p{clear: both;}

.page_annonces .list{padding:20px;}
.page_annonces h2{color: #ff2929; font-size: 24px; text-transform: uppercase; margin:0 0 10px; clear: both;}
.page_annonces h2 span{font-weight: bold; font-size: 14px; text-transform: none;}


#annonces_content ul{padding: 0; margin-bottom: 0;}
#annonces_content li.annonces_single{width: 49%; float:left; font-size: 13px; background:#FFF; border:1px solid #ff2929; margin: 0 0 10px; min-height: 60px;  list-style: none; cursor: pointer; }
#annonces_content li.annonces_single a{text-decoration: none; color:#000;}
#annonces_content li.annonces_single .entete, #annonces_content li.annonces_single .footer{background: #ff2929; padding: 2px; color: #FFF;}
#annonces_content li.annonces_single .content{padding: 5px; }
#annonces_content li.annonces_single .legend{font-size: 11px; color: #CCC; margin-top: 5px;}
#annonces_content li.annonces_single h3{margin:0 0 5px; color: #ff4444; font-size: 16px; line-height: 16px; text-transform: uppercase; font-weight:900;}
#annonces_content li.annonces_single span.prix{margin:-1px 2px; padding:0; font-size: 16px; text-transform: uppercase; font-weight:900; float: right;}
#annonces_content li.annonces_single p{margin: 0; clear: none; max-height: 48px; overflow: hidden; line-height: 16px; font-size: 13px;}
#annonces_content li.annonces_single img{float: left; margin: 0 5px 10px 0; max-height: 120px;}


#annonces_content li.annonces_noforfait{border:1px solid #CCC;}
#annonces_content li.annonces_noforfait .entete, #annonces_content li.annonces_noforfait .footer{background: #EEE; padding: 2px; color: #000;}
#annonces_content li.annonces_single{margin-right: 10px;}
#annonces_content li.annonces_single:nth-child(2n){margin-right: 0;}
#annonces_content li.annonces_noforfait h3{color: #000;}
#annonces_content li.annonces_noforfait p{margin: 0; clear: none; max-height: 32px; overflow: hidden; line-height: 16px; font-size: 13px;}

#annonces_content ul{padding: 0; margin-bottom: 0;}
#annonces_content .annonce_single{width: 100%; font-size: 13px; border:1px solid #ff2929; margin: 0 0 10px; list-style: none; background: #FFF;}
#annonces_content .annonce_single a{text-decoration: none; color:#ff2929;}
#annonces_content .annonce_single .entete, #annonces_content li.annonce_single .footer{background: #ff2929; padding: 2px; color: #FFF;}
#annonces_content .annonce_single .content{padding: 5px;}
#annonces_content .annonce_single .legend{font-size: 11px; color: #CCC; margin-top: 5px;}
#annonces_content .annonce_single h3{margin:0; color: #ff4444; font-size: 16px; line-height: 16px; text-transform: uppercase; font-weight:900;}
#annonces_content .annonces_single span.lieu{font-weight: normal; color: #605b5b; background: #FFF;}
#annonces_content .annonce_single span.prix{margin:-1px 2px; padding:0; font-size: 20px; text-transform: uppercase; font-weight:900; float: right;}
#annonces_content .annonce_single p{clear: none; line-height: 16px; font-size: 13px;}
#annonces_content .annonce_single #zone_img img{margin: 0 auto; max-width:100%; max-height: 450px;}
#annonces_content .annonce_single #zone_img{text-align:center; max-height: 450px;}

#annonces_content .listphoto{margin: 0; padding: 5px; text-align:center; }
#annonces_content .listphoto li{display: inline-block; width: 120px; vertical-align: middle; line-height: 90px; margin-right: 10px; padding: 5px;}
#annonces_content .listphoto li img.mini{max-width: 120px; max-height: 90px; cursor: pointer;}


#contactForm{width: 100%;}
#contactForm *{font-family: Arial;}
#contactForm input[type=text], #contactForm input[type=email]{width: 50%; border: 1px solid #CCC; padding: 2px;}
#contactForm textarea{width: 99%; border: 1px solid #CCC; padding: 2px;}
#contactForm input[type=submit]{background: #333; border: 0; padding: 5px; color: #FFF; text-align: center; margin: 10px auto;}

#commentForm{padding: 10px; background: #CCC;}
#commentForm *{font-family: Arial;}
#commentForm input[type=text], #commentForm input[type=email]{width: 50%; border: 1px solid #999; padding: 2px;}
#commentForm textarea{width: 99%; height:200px; border: 1px solid #999; padding: 2px;}
#commentForm input[type=submit]{background: #333; border: 0; padding: 5px; color: #FFF; text-align: center; margin: 10px auto;}

body footer{background: #FFF; width:100%; margin-top : 20px; border-top:2px solid #99042f; display: block; clear: both; font-size: 12px; padding: 10px 0;}


.page_pedigree #zoneA div.form{ background: #34495e; }

#generateur_pedigree ul.pedigree_colonne{display:inline-block; width: 230px;  margin: 10px 0; padding: 0; vertical-align: top;}
#generateur_pedigree ul.pedigree_colonne li{display:block; list-style: none; padding: 0; font-size: 11px;  text-align: center; vertical-align: middle;}
#generateur_pedigree ul.pedigree_colonne li:nth-child(odd) div{background:#b5c7e0; -moz-border-radius: 5px;	border-radius: 5px;}
#generateur_pedigree ul.pedigree_colonne li:nth-child(even) div{background:#dae2ef; -moz-border-radius: 5px;	border-radius: 5px;}
#generateur_pedigree ul.pedigree_colonne li div{vertical-align: middle; padding: 0 5px; height: 30px;}
#generateur_pedigree ul.pedigree_colonne li.editable div{background-image:url(images/picto_edit_16x16_nb.png); background-repeat: no-repeat; background-position: 160px center;}
#generateur_pedigree ul.pedigree_colonne li.editable div:hover{background-color: #fbbe6f; cursor: pointer;}
#generateur_pedigree ul.pedigree_colonne li span{display: block; text-align: center;}
#generateur_pedigree ul.pedigree_colonne:nth-child(1) li{height: 272px;}
#generateur_pedigree ul.pedigree_colonne:nth-child(1) li div{position:relative;top:121px;}
#generateur_pedigree ul.pedigree_colonne:nth-child(2) li{height: 136px;}
#generateur_pedigree ul.pedigree_colonne:nth-child(2) li div{position:relative;top:54px;}
#generateur_pedigree ul.pedigree_colonne:nth-child(3) li{height: 68px;}
#generateur_pedigree ul.pedigree_colonne:nth-child(3) li div{position:relative;top:22px;}
#generateur_pedigree ul.pedigree_colonne:nth-child(4) li{height: 34px;}
#generateur_pedigree ul.pedigree_colonne:nth-child(5) li{font-size: 10px; text-align: left; margin-bottom: 2px; height: 15px;}
#generateur_pedigree ul.pedigree_colonne:nth-child(5) li div{height: 15px;}
#generateur_pedigree ul.pedigree_colonne:nth-child(5) li span{display: inline-block; padding-right: 2px;}
#generateur_pedigree ul.pedigree_colonne li:nth-child(odd).inbreeding1 div, #generateur_pedigree ul.pedigree_colonne li:nth-child(even).inbreeding1 div{background: #dbffcf; font-weight: bold;}
#generateur_pedigree ul.pedigree_colonne li:nth-child(odd).inbreeding2 div, #generateur_pedigree ul.pedigree_colonne li:nth-child(even).inbreeding2 div{background: #f0cfab; font-weight: bold;}
#generateur_pedigree ul.pedigree_colonne li:nth-child(odd).inbreeding3 div, #generateur_pedigree ul.pedigree_colonne li:nth-child(even).inbreeding3 div{background: #ffe0fa; font-weight: bold;}
#generateur_pedigree ul.pedigree_colonne li:nth-child(odd).inbreeding4 div, #generateur_pedigree ul.pedigree_colonne li:nth-child(even).inbreeding4 div{background: #fff4e0; font-weight: bold;}
#generateur_pedigree ul.pedigree_colonne li:nth-child(odd).inbreeding5 div, #generateur_pedigree ul.pedigree_colonne li:nth-child(even).inbreeding5 div{background: #d294fd; font-weight: bold;}


.ui-menu{margin:0; padding: 0; width: auto; max-width: 500px; z-index: 999;}
.ui-menu li{font-size: 12px; background: white; padding: 5px;}
.ui-menu .ui-menu-item {padding: 2px;}
.ui-menu .ui-menu-item a{padding: 0;}
.ui-menu li span{float: right; text-align: right; color:#999;}
.ui-menu li a span{color:#99042f;}
.ui-helper-hidden-accessible{display: none;}

.tableau-classement{width: 100%; margin-bottom: 20px;}
.tableau-classement thead tr, .tableau-classement tfoot tr {background: #333; color: #FFF;}
.tableau-classement thead tr th i{font-weight: normal;}
.tableau-classement tbody td{border:1px solid #333; border-collapse:collapse;}
.tableau-classement td:nth-child(1){width: 30px;}
.tableau-classement tbody tr td.nombre{width: 50px; text-align: center;}

.tableau-classement tbody tr td:nth-child(n+3){
	text-align: right;
}

.tableau-classement tr.hidden{display: none;}

.tableau-classement tfoot th{text-decoration: underline; font-style: italic; padding: 5px 0; cursor: pointer;}

.tableau-classement_etalon{width: 100%; margin-bottom: 20px;}
.tableau-classement_etalon thead tr, .tableau-classement_etalon tfoot tr {background: #333; color: #FFF;}
.tableau-classement_etalon thead tr th i{font-weight: normal;}
.tableau-classement_etalon tbody td{border:1px solid #333; border-collapse:collapse;}

.tableau-classement_etalon tbody tr td:nth-child(n+3){
	text-align: right;
}

.tableau-classement_etalon tr.hidden{display: none;}

.tableau-classement_etalon tfoot th{text-decoration: underline; font-style: italic; padding: 5px 0; cursor: pointer;}

.chapeau{margin-bottom: 30px; text-align: justify;}

article.actu_lessentiel table {
    border-spacing: 0;
}
article.actu_lessentiel table th {
    background:#333; color: #FFF;
}
article.actu_lessentiel table td {
    border-bottom: 1px solid #333;
}

article.actu_lessentiel table td:first-child{
    text-align: center;
}

#zone_etalon ul.pedigree_colonne_mini{display:inline-block; width: 32%;  margin: 10px 0; padding: 0; vertical-align: top;}
#zone_etalon ul.pedigree_colonne_mini li{display:block; list-style: none; padding: 0; font-size: 11px;  text-align: center; vertical-align: middle;}
#zone_etalon div > ul.pedigree_colonne_mini li:nth-child(odd) div{background:#b5c7e0; -moz-border-radius: 5px;	border-radius: 5px;}
#zone_etalon div > ul.pedigree_colonne_mini li:nth-child(even) div{background:#dae2ef; -moz-border-radius: 5px;	border-radius: 5px;}
#zone_etalon div > ul.pedigree_colonne_mini li div{vertical-align: middle; padding: 0 5px;}
#zone_etalon div > ul.pedigree_colonne_mini li span{display: block; text-align: center;}

#zone_etalon div > ul.pedigree_colonne_mini:nth-child(1) li{height: 120px;}
#zone_etalon div > ul.pedigree_colonne_mini:nth-child(1) li div{position:relative;top:50px;}
#zone_etalon div > ul.pedigree_colonne_mini:nth-child(2) li{height: 60px;}
#zone_etalon div > ul.pedigree_colonne_mini:nth-child(2) li div{position:relative;top:20px;}
#zone_etalon div > ul.pedigree_colonne_mini:nth-child(3) li{height: 30px;}

#pedigree_full{display: none;}

#zone_etalon ul.pedigree_colonne{display:inline-block; width: 15%;  margin: 10px 0; padding: 0; vertical-align: top;}
#zone_etalon ul.pedigree_colonne li{display:block; list-style: none; padding: 0; font-size: 11px;  text-align: center; vertical-align: middle;}
#zone_etalon div > ul.pedigree_colonne li:nth-child(odd) div{background:#b5c7e0; -moz-border-radius: 5px;	border-radius: 5px;}
#zone_etalon div > ul.pedigree_colonne li:nth-child(even) div{background:#dae2ef; -moz-border-radius: 5px;	border-radius: 5px;}
#zone_etalon div > ul.pedigree_colonne li div{vertical-align: middle; padding: 0 5px;}
#zone_etalon div > ul.pedigree_colonne li span{display: block; text-align: center;}

#zone_etalon ul.pedigree_colonne li:nth-child(odd).inbreeding1 div, #zone_etalon ul.pedigree_colonne li:nth-child(even).inbreeding1 div{background: #dbffcf; font-weight: bold;}
#zone_etalon ul.pedigree_colonne li:nth-child(odd).inbreeding2 div, #zone_etalon ul.pedigree_colonne li:nth-child(even).inbreeding2 div{background: #f0cfab; font-weight: bold;}
#zone_etalon ul.pedigree_colonne li:nth-child(odd).inbreeding3 div, #zone_etalon ul.pedigree_colonne li:nth-child(even).inbreeding3 div{background: #ffe0fa; font-weight: bold;}
#zone_etalon ul.pedigree_colonne li:nth-child(odd).inbreeding4 div, #zone_etalon ul.pedigree_colonne li:nth-child(even).inbreeding4 div{background: #fff4e0; font-weight: bold;}
#zone_etalon ul.pedigree_colonne li:nth-child(odd).inbreeding5 div, #zone_etalon ul.pedigree_colonne li:nth-child(even).inbreeding5 div{background: #d294fd; font-weight: bold;}

#zone_etalon div > ul.pedigree_colonne:nth-child(1) li{height: 480px;}
#zone_etalon div > ul.pedigree_colonne:nth-child(1) li div{position:relative;top:230px}
#zone_etalon div > ul.pedigree_colonne:nth-child(2) li{height: 240px;}
#zone_etalon div > ul.pedigree_colonne:nth-child(2) li div{position:relative;top:110px;}
#zone_etalon div > ul.pedigree_colonne:nth-child(3) li{height: 120px;}
#zone_etalon div > ul.pedigree_colonne:nth-child(3) li div{position:relative;top:50px;}
#zone_etalon div > ul.pedigree_colonne:nth-child(4) li{height: 60px;}
#zone_etalon div > ul.pedigree_colonne:nth-child(4) li div{position:relative;top:20px;}
#zone_etalon div > ul.pedigree_colonne:nth-child(5) li{height: 30px;}
#zone_etalon div > ul.pedigree_colonne:nth-child(6) li{font-size: 10px; text-align: left; width: 160px; margin-bottom: 0px; height: 15px;}
#zone_etalon div > ul.pedigree_colonne:nth-child(6) li span{display: inline-block; padding-right: 2px;}


#zone_etalon div.etalons_star{font-size: 11px; width: 240px; float:left; margin-bottom: 10px; padding: 5px; height: 150px; position: relative;}
#zone_etalon div.etalons_star a{text-decoration: none; color:#000;}
#zone_etalon div.etalons_star h2{margin:0; padding:0; color: #00609e; font-size: 13px; text-transform: uppercase; font-weight:900; text-align: center;}
#zone_etalon div.etalons_star h2 span{font-weight: bold; font-size: 12px; text-transform: none;}
#zone_etalon div.etalons_star img{margin: 0; height: 135px; width:240px;}

#zone_etalon div.ventes{float: left; width:30%; padding: 10px; border-right: 1px solid #CCC;}
#zone_etalon div.ventes:nth-child(3n+1){padding-right: 0; border: 0;}
#zone_etalon div.ventes h3{text-align: center; height: 80px; line-height: 80px;}
#zone_etalon div.ventes h3 img{ max-width: 220px; max-height: 80px; vertical-align: bottom;}
#zone_etalon div.ventes ul{margin: 10px 0; padding: 0px; height: 280px; overflow: auto;}
#zone_etalon div.ventes ul li{margin: 0; padding: 5px 0; list-style: none; border-bottom: 1px solid #005f9e;}
#zone_etalon div.ventes p{text-align: center; height: 280px;}

#zone_etalon div.production{width:calc(100% - 20px); padding: 0px; margin: 0 0 10px;}
#zone_etalon div.production.saillies{width:calc(65% - 20px); display: inline-block;}
#zone_etalon div.production.jumenterie{width:calc(35% - 20px); display: inline-block; vertical-align: top; margin-top: 10px;}
/*#zone_etalon div.production:nth-child(2n+1){padding-right: 0; border: 0;}*/
#zone_etalon div.production h3{font-size: 14px;}
#zone_etalon div.production > ul{margin: 0; padding: 0 10px; width:100%; max-height: 280px; overflow: auto;}
#zone_etalon div.production > ul li{line-height:20px; position:relative; margin: 0; padding: 5px 20px 0 0; list-style: none; border-bottom: 1px solid #005f9e; font-size: 11px;}
#zone_etalon div.production > p{text-align: center; height: 280px;}
#zone_etalon div.production p.legend{text-align: center; font-style: italic; font-size: 11px; margin: 0; height: auto;}
#zone_etalon div.production a{text-decoration: none; color: #000; top:5px;}

#nav_production {width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #CCC;}
#nav_production li{display: inline-block; cursor: pointer; text-align: center; font-size: 11px; list-style: none; padding: 5px 10px;}
#nav_production li.active{background: #CCC; font-weight: bold;}

#zone_etalon table.stats{width: 100%; font-family:'Arial Black', 'Arial Bold', Arial; font-weight:900; font-size:12px;}
#zone_etalon table.stats tr:nth-child(1) th{border:1px solid #00609e; background: #00609e; color: #FFF; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#zone_etalon table.stats tr:nth-child(2) th{border:1px solid #00609e;}
#zone_etalon table.stats tr:nth-child(3) th{border:1px solid #00609e; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

#zone_etalon #performances_carriere{ color: #00609e; font-weight: bold; font-size: 14px;}
#zone_etalon #performances_top ul{margin: 10px 0 20px; padding: 0;}
#zone_etalon #performances_top ul li{position:relative; display: block; width: 99%; margin:0 5px 5px 0;padding: 0 5px; font-size: 11px; vertical-align: top; list-style: none; height: 30px; border:1px solid grey;}
#zone_etalon #performances_top ul li span{width: 30px; display: inline-block;}
#zone_etalon #performances_top ul li a{right: 5px;}

#teaser{text-align: center; margin-bottom: 20px;}
#description{margin-bottom: 20px;}


#zone_elevage #performances_top h3{color: #487a1b;}
#zone_elevage #performances_top ul{margin: 2px 0; padding: 0;}
#zone_elevage #performances_top ul li{padding: 2px 0; margin-right: 2%; font-size: 11px; vertical-align: top; list-style: none; border-bottom: 1px solid #CCC;}
#zone_elevage #performances_top ul li span{width: 30px; display: inline-block;}

#zone_elevage div.etalons_single{font-size: 11px; border:1px solid #CCC; margin: 0 5px 0px; padding: 5px; position: relative; min-height: 92px;}
#zone_elevage div.etalons_single a{text-decoration: none; color:#000;}
#zone_elevage div.etalons_single h3{margin:0; padding:0; color: #00609e; font-size: 14px; text-transform: uppercase; font-weight:900;}
#zone_elevage div.etalons_single h3 span{font-weight: bold; font-size: 12px; text-transform: none;}
#zone_elevage div.etalons_single p{margin: 0;}
#zone_elevage div.etalons_single img{float: left; margin: 0 5px 10px 0; width:110px;}
#zone_elevage div.etalons_single div.prix{position: absolute; top:5px; right:5px; color: #00609e; font-size: 16px; text-transform: uppercase; font-weight:900;}
#zone_elevage div.etalons_noforfait{width: 360px; float:left; margin: 0 5px 10px; height: 40px;}

#zone_elevage div.juments_single{font-size: 12px; border:1px solid #CCC; margin-bottom: 10px; padding: 5px;}
#zone_elevage div.juments_single a{text-decoration: none; color:#000;}
#zone_elevage div.juments_single h3{margin:0; padding:0; color: #487a1b; font-size: 14px; text-transform: uppercase; font-weight:900; height: 40px;}
#zone_elevage div.juments_single h3 span{font-weight: bold; font-size: 13px; text-transform: none;}
#zone_elevage div.juments_single p.desc{margin: 0; width: 73%; float:left; vertical-align: top; margin-right: 2%;}
#zone_elevage div.juments_single div.info{float:left; width:59%;}
#zone_elevage div.juments_single div.tableau{float:right; width: 40%;}

#zone_elevage div.juments_single table{margin: 0; width: 100%; vertical-align: top;}
#zone_elevage div.juments_single table th{text-align: left; background: #487a1b; color: #FFF;}
#zone_elevage div.juments_single table td{text-align: left; border-bottom: 1px solid #487a1b; margin:0;}
#zone_elevage div.juments_single table tr td:nth-child(1){width: 10%;}
#zone_elevage div.juments_single table tr td:nth-child(2){width: 15%;}
#zone_elevage div.juments_single table tr td:nth-child(3){width: 75%;}

#zone_elevage div.juments_single table tr td img{width: 20px;}
#zone_elevage div.juments_single div.info > div > a{float: left;}
#zone_elevage div.juments_single div.info > div > a img{margin: 0 5px 10px 0; height: 63px;}

#zone_elevage div.juments_single div.button a {
    background: #000;
    padding: 2px 5px;
    color: #FFF;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 10px;
    }


#zoneA div.onglet img.playbtn{margin: 0 10px 0 0; width: auto; display: inline-block;}





.edit_actions, .modal_exit {list-style: none; margin: 10px 0; padding: 0;}
.edit_actions li{list-style: none; margin: 0; padding: 0; cursor: pointer;}
.edit_actions li{ background: #CCC; border-radius: 5px; padding: 5px; margin: 2px 10%; color: #999; font-weight: bold; text-align: center; width: 80%}
.edit_actions li.active{ background: #487a1b; color: #FFF;}

.modal_exit li{background: #333; border-radius: 5px; padding: 5px; margin: 2px 10%; color: #FFF; font-weight: bold; text-align: center; width: 80%; margin-top: 20px; cursor: pointer;}

.ui-menu li{font-size: 12px; padding: 2px; list-style: none;}
.ui-menu .ui-menu-item {padding: 2px;}
.ui-menu .ui-menu-item a{padding: 0;}
.ui-menu li span{float: right; text-align: right; color:#999;}
.ui-menu li a span{color:#99042f;}