/*		CLEAR ALL		*/
@import "./reset.css";
@import "./grid.css";


html { cursor: default; font-size: 12px; height: 100%; margin-bottom: 1px; }
body { line-height: 1.4; color: #678; padding-bottom: 24px; z-index: 1; font-family: 'lucida grande','lucida sans unicode','lucida','gill sans',calibri,sans-serif; }
strong { font-weight: bold; color: #123; }
em { font-style: italic; }
small { font-size: 90%; }
tt { font-family: monospace; color: #234;}

a { text-decoration: none; color: #028; }
a:hover { color: #000; text-decoration: underline; }

abbr { cursor: help; border-bottom: dashed 1px #888; }

.container { margin: 0px auto; width: 864px; clear: both; }
div.container { /* padding-top: 32px; z-index: 1; background: transparent; */ }

h1 { text-indent: -1000px; background: url( ../m/guide_elevage.png ) no-repeat 0px 35px; position: relative; height: 120px; padding: 0 0 96px 0; z-index: 1; }
h3 { padding: 0px 2px 6px 2px; margin: 0; font-family: Georgia,'Times New Roman',Times,serif; color: #060; font-size: 24px; border-top: 3px solid #060; font-weight: normal; }
h3 span,
h3 abbr { font-size: 13px; color: #444; }
h4 { font-weight: bold; text-transform: uppercase; font-size: 11px; margin: 4px 0; color: #123; }

.sc { font-size: 88%; text-transform: uppercase; }
.nowr { white-space: nowrap; }
.advanced { font-size: 11px; list-style: none;}
.hidden { display: none; }
.spacer { margin-bottom: 64px; }

/*		SIDEBAR		*/
.sidebar { border-top: 3px solid #abc; background: url( ../m/fond_jaune.jpg ) repeat-x; }
.sidebar p { font-size: 11px; padding: 2px 2px 6px 2px; }

.span-5 div { background-color: #f2f8f2; margin-bottom: 8px; }
.span-5 ul,
.span-5 p { padding: 0 2px 8px 4px; }
.span-5 ul b,
.span-5 p b { text-transform: uppercase; font-size: 88%; display: inline-block; width: 68px; color: #123; }

#prices p i { text-transform: uppercase; font-size: 80%; font-style: normal; }
#distributor p i { text-transform: uppercase; font-size: 80%; font-style: normal; }

#portrait img { width: 344px;}

/*		PRESENTATION		*/

.presentation { color: #123; margin-bottom: 32px; }

/*		STATIC		*/
.static h6 { padding: 0 0 16px 0; margin: 0; font-family: Georgia,'Times New Roman',Times,serif; color: #060; font-size: 18px; border-top: 3px solid #060; font-weight: normal; }
.static p { margin: -8px 0 16px 0; }
.static ol { margin: -8px 0 16px 18px; list-style: decimal; }
.static ul { margin: -8px 0 16px 18px; list-style: disc; }
.static em { font-style: normal; text-transform: uppercase; font-size: 90%;}

/*		VCARD		*/

.vcard { border: 1px solid #cde; background: url( ../m/fond_gris.jpg ) repeat-x bottom left #fff; padding: 4px; margin: 8px 0; padding-left: 82px; }
.vcard img { float: left; margin-left: -78px; width: 64px; height: 64px; border: 1px solid #ccc; background: #fff; padding: 2px; }
.vcard .type { display: block; width: 80px; float: left; }
.vcard .fn { font-weight: bold; }
.vcard .org { font-family: georgia,times,'times new roman',serif; font-weight: bold; font-size: 108%; }

/*		SPONSOR		*/

.sponsor { border-top: 3px solid #89a; margin-bottom: 16px;  }
.sponsor h4 { font-family: Georgia,'Times New Roman',Times,serif; text-transform: none; font-weight: normal; font-size: 13px; }
.sponsor #sponsor { position: relative; display: block; width: 124px; background: #ddd; height: 90px;  }

/*		SELECTION		*/

#selection a { color: #135; font-family: 'lucida grande','lucida sans unicode','lucida','gill sans',calibri,sans-serif; float: right;
line-height: 1; width: 76px; height: 80px; margin: 0 8px 0 0; padding: 4px 4px 4px 8px; border: 1px solid #888; border-left-width: 3px; 
background: url( ../m/guide_etalons.png ) -10px 0px no-repeat #fff; text-indent: 0px; text-transform: uppercase; font-size: 10px; z-index: 200;
position: relative; top: -80px; 

}
#selection a:hover { text-decoration: none; color: #060; }

/*		PICTO		*/

p#picto { padding: 0; margin: 0; float: right; }
p#picto a { padding: 0; position: relative; display: block; height: 32px; width: 32px; background: url( ../m/images.png ) no-repeat center center #fff; border: 1px solid #888; border-left-width: 3px;
float: right; margin: -8px 8px -24px 0; 
}
p#picto a:hover { text-decoration: none; }

/*		SEARCH		*/

.search { border-top: 3px solid #060; padding: 8px 0 16px 0;  background-color: #f2f8f2; color: #123; }
.search form p { font-size: 13px; padding: 0 2px; }
.fld { color:#888;  border: 1px inset #ccc; padding: 2px; font-size: 14px; width: 480px; margin: 8px 0; font-family: 'lucida grande','lucida sans unicode','lucida','gill sans',calibri,sans-serif; }
.fld:hover { background: #ff8; }
.fld:focus { background: #ffa; outline: none; }
input.submit { cursor: pointer; font-size: 14px; }

.sticker a {
	display: inline-block;
	background: url( ../m/sticker.png ) no-repeat 4px 0px;
	height: 88px;
	width: 88px;
	text-align: center;
	padding: 12px 20px;
	color: rgba( 255,255,255,0.5 );
	font-weight: 900;
	line-height: 1.1;
	padding-bottom: 18px;
	padding-top: 16px;
}
.sticker a:hover {
	text-decoration: none;
	color: rgba( 255,255,255,1 );
}

.error { margin: 4px 8px 4px 4px; font-size: 13px; background: url( ../m/warning.png ) no-repeat 6px 6px #ffc; border: 1px solid #dd6; padding: 4px 4px 4px 32px; display: block; }
p#popular { margin: 12px 2px;  padding-top: 12px; clear: both; }

/*		LANGSWITCHER		*/

div.container p#langswitcher { 
	float: right;
	position: relative;
	width: 280px;
	font-size: 11px;
	color: #456;
	z-index: 50;
	padding: 0 8px 2px 8px;
	text-align: right;
	background: #e2e2e2;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin: 32px 12px -140px 0;
}
div.container p#langswitcher select { 
	margin: 2px 0;
}


/*		MAINTENANCE		*/
div#maintenance { background: #ffc; }
div#maintenance p { padding: 24px 4px; }

/*		CAVALIENS		*/

div.cavaliens ul { list-style: none; list-style-position: outside; padding: 0; margin: 0; }
div.cavaliens ul li { list-style: none; list-style-position: outside; padding: 0; margin: 4px 8px 2px 2px; width: 164px; display: block; float: left; overflow: hidden; font-size: 10px; line-height: 1.4; }

div.cavaliens {	clear: both; line-height: 1.2; color: #666; border-top:	3px solid #abc; width: 700px; font-size: 11px; margin: 24px 0; padding: 0 2px 4px 2px; }
div.cavaliens a { color: #234; }
div.cavaliens a:hover { color: #00c; text-decoration: none; }
div.cavaliens .cavaliens-autopromo { clear: both; text-align: right; padding: 2px 4px; top: 0px; position: relative; border-top: 1px dotted #abc; border-bottom: 1px dotted #abc; margin-top: 120px; font-size: 10px; }
div.cavaliens .cavaliens-header { padding: 2px; text-transform: uppercase; font-weight: bold; margin: 4px 0 0 0; border-bottom: 1px dotted #abc; }
div.cavaliens .cavaliens-title { font-weight: bold; display: block; padding-bottom: 2px; }
div.cavaliens a.cavaliens-link { color: #028; display: block; text-transform: lowercase; margin: 4px 0 0 0; padding: 0; }
div.cavaliens a.cavaliens-link:hover { color: #000; }


/*		BARRE		*/

#barre { font-size: 11px; padding: 0; margin: 0; color: #000; background-image: url( ../m/iPhoneToolbar.png ); border-bottom: 1px #666 solid; height: 28px; line-height: 2.4; font-weight: bold; position: fixed; width: 100%; z-index: 150; top: 0; left: 0; text-align: center; }
#barre p { margin: 0 auto; }
#barre a { text-decoration: none; color: #fff; font-weight: normal; padding: 0 2px; }
#barre a:hover { color: #123;  }

/*		KEEP FOR IE		*/
/*
#barre a#aide { font-weight: bold; padding: 4px 48px 4px 48px; text-transform: uppercase; font-size: 10px; background: url( ../m/btn_over.gif ) no-repeat center center; position: relative; height: 18px; width: 80px; }
#barre a#aide:hover { background: url( ../m/btn.gif ) no-repeat center center; color: #123; }
*/
#barre a#aide {
	font-weight:	bold;
	padding: 4px 24px 4px 24px;
	margin-left: 24px;
	line-height: 27px;
	text-transform: uppercase;
	font-size: 10px;
	position: relative;
	height: 18px;
	width: 80px;
	background-color: #6683ab;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	background: -webkit-gradient( linear, left top, left bottom, from( rgb( 125,145,172 )), to( rgb( 066,092,127 )));
}
#barre a#aide:hover {
	color: #123;
	background-color: #8ac;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	background: -webkit-gradient( linear, left bottom, left top, from( rgb( 125,145,172 )), to( rgb( 066,092,127 )));
}



/*		BTT		*/
.breadcrumbs { padding: 18px 0; }
a.btt { background: url( ../m/bullet_arrow_top.gif ) no-repeat -1px 0px; padding-left: 18px; font-size: 10px;  }
a.btt:hover { background: url( ../m/bullet_arrow_top.gif ) no-repeat -1px -2px; }
a.accueil { background: url( ../m/house.png ) no-repeat; padding-left: 24px; font-size: 10px; }

/*		FOOTER		*/

div#footer { margin-top: 24px; margin-bottom: 24px; padding-top: 8px; padding-bottom: 8px; border-top: 3px solid #abc; border-bottom: 3px solid #abc; }
div#footer p { padding: 1px 0; }
div#footer p b { font-size: 90%; text-transform: uppercase; }
div#footer p a { font-size: 11px; }


/*		GUIDE		*/

.col { width: 164px; margin-right: 16px; float: left; }
.col h5 { text-transform: uppercase; font-size: 11px; padding: 2px 2px 4px 2px; margin-bottom: 4px; color: #123; font-weight: bold;  }
.col ul { padding-bottom: 12px; list-style: none; margin-top: 4px; margin-left: 2px;}
.col ul li { padding-left: 8px; text-indent: -8px; }
.col ul li a { display: block; border-bottom: 1px solid #eee; }
.col ul li a:hover { text-decoration: none; background: #ffc; }

.col h5.cso { line-height: 1.1; font-weight: 500; background: url( ../m/ramp.png ) bottom left repeat-x #000099; color: #fff; text-shadow: rgb(0, 0, 0) 0px -1px 1px;}
.col h5#dressage { line-height: 1.1; font-weight: 500; background: url( ../m/ramp.png ) bottom left repeat-x #ffcc33; color: #123; text-shadow: rgb(250, 250, 250) 0px -1px 1px; }
.col h5#cce { line-height: 1.1; font-weight: 500; background: url( ../m/ramp.png ) bottom left repeat-x purple; color: #fff; text-shadow: rgb(0, 0, 0) 0px -1px 1px; }
.col h5#poneys { line-height: 1.1; font-weight: 500; background: url( ../m/ramp.png ) bottom left repeat-x #060; color: #fff; text-shadow: rgb(0, 0, 0) 0px -1px 1px; }

.col img { margin-bottom: 24px; }

/*		LISTS RESULTS		*/

p.results { margin-top: 24px; }
p.header { border-left: 1px solid #aaa; border-top: 1px solid #aaa; padding: 2px 0; height: 18px; }
p.header span { text-indent: 30px; display: inline-block; width: 600px; float: left; }
p.header b.rhs { display: inline-block; width: 80px; }
ol.results-list { margin: -12px 0 32px 30px; }
ol.results-list li { margin: 0; padding: 4px 0; }

li.clear { margin: 0; padding: 0; }
li.clear a { display: block; margin: -4px 0; padding: 2px 0; font-size: 13px; border-bottom: 1px solid #ccc; text-transform: none; }
li.clear a em { display: inline-block; width: 480px;  text-transform: none; position: relative; }
li.clear a b { display: inline-block; width: 120px; text-align: right; float: right; text-transform: none; position: relative; clear: none; padding-right: 32px; }
li.clear a:hover { text-decoration: none; background: #ffc; }
li.video a { background: url( ../m/video.png ) no-repeat right 4px; }
li.video a:hover { background: #ffc url( ../m/video.png ) no-repeat right 4px; }

/*
li.clear { border-bottom: 1px solid #ccc; margin: 0; padding: 0; line-height: 1; }
li.clear a { display: block; margin: 0; padding: 2px 0; font-size: 11px; }
li.clear a strong { font-size: 13px; }
li.clear a em { display: inline-block; width: 590px; }
li.clear a b { display: inline-block; width: 80px; font-size: 12px; text-align: right; font-weight: 500; }
li.clear a:hover { text-decoration: none; background: #ffc; }
*/
/*		ADVANCED SEARCH		*/

.advanced-search { background: #f2f8f2; }
.advanced-search div.tab-pane	{ background: #fff; margin-top: 2px; }
.advanced-search input.fld { width: 440px; }
.advanced-search ul.tabs { margin-top: 32px; }
.advanced-search p { padding: 0 4px; color: #123; margin-right: 84px; }
.advanced-search p em { font-style: normal; text-transform: uppercase; font-size: 90%; }
.advanced-search hr.clear { background: #000; height: 0; padding: 0; margin: 0 0 24px 0; }
.advanced-search .search-info { padding-top: 4px; font-family: Georgia,'Times New Roman',Times,serif; font-style: italic; font-size: 13px; }
.advanced-search legend { color: #123; font-size: 13px; padding-bottom: 8px; }
.advanced-search div.pane form label { display: block; vertical-align: middle; padding-bottom: 4px; margin-left: 0px; width: 440px; }
.advanced-search div.pane form input.check { padding-top: 4px;  }

/*		TABLE COMPARATEUR		*/

table.comparateur {
	width: 100%; margin-top: 18px; border-top: 1px solid #bbd; clear: both;
}
table.comparateur thead { 
	padding-top: 2px;
	font-size: 85%; text-transform: uppercase; background: #cde; color: #123; height: 22px;  }
table.comparateur thead td { padding-top: 2px; }
table.comparateur tr td { padding: 0 2px 0 0; border-bottom: 1px solid #cde; vertical-align: middle; height: 24px; }
table.comparateur tr td input.check { margin: 2px -2px 0 0; }
table.comparateur tr td span.starbar { margin-left: 6px; background: url( ../m/starbar.png ) no-repeat 0px -20px; display: block; width: 16px; cursor: pointer; }
table.comparateur tfoot tr td,
table.comparateur tr.comparateur-tools td { height: 30px; background: #f8faff; text-indent: 38px; }
/*
table.comparateur tfoot tr td a,
table.comparateur tr.comparateur-tools td a { padding: 0 4px; }
*/
table.comparateur tfoot tr td select,
table.comparateur tr.comparateur-tools td select { padding: 0; margin: 0; }
table.comparateur tfoot tr td select option.disabled,
table.comparateur tr.comparateur-tools td select option.disabled { border-bottom: 1px dashed #aaa; margin-top: -8px; margin-bottom: 4px; }
table.comparateur tbody tr:hover { background: #ffc; }
table.comparateur tbody tr td.ComparatorEmpty { height: 80px; text-align: center; }
table.comparateur tbody tr:hover td.ComparatorEmpty { background: #fff; }

/*		COMPARATOR STATUS		*/

.comp-panel {
	margin-top: -28px;
	margin-bottom: 12px;
	margin-left: 18px;
	padding: 18px;
	width: 320px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #e2e2e2;
}
.private {
	background: #e2e2e2 url( ../m/padlock.png ) no-repeat 12px 6px;	
}

.comp-panel div.bordered {
	margin-left: 40px;
	border-left: 2px solid #fff;
	padding-left: 12px;
	padding-bottom: 12px;

}
.comp-panel div.bordered p {
	margin: 0;
	padding: 0;
}


/*
.rhs div.bordered { border-left: 2px solid #fff; padding-left: 12px; }
.rhs p { margin-bottom: 12px; margin-top: 0px; padding-top: 0px; }
.rhs p span.email { color: #456; }
.rhs p.toggle {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 2px;
	background: #f2f2f2 url( ../m/triangle.gif ) no-repeat 5px 4px; text-indent: 18px; cursor: pointer; height: 14px; 
}
*/



/*		HOME SEARCH		*/

fieldset.type label { padding-right: 24px; display: inline; }
fieldset.type { margin: 8px 0; }

/*		TABS		*/
ul.tabs	{
	list-style:	none;
	font-size:	15px;
	height:	29px;
	margin: 0;
	clear:	right;
	padding:	0;
	position:	relative;
	top:	0;
	left:	0;
	z-index: 100;
	padding-bottom: 24px;
}
ul.tabs {
	float: left;
}
ul.tabs li.tab	{
	padding:	3px 12px;
	border:	1px solid #aaa;
	display:	inline;
	background:	#eee;
	margin:	0 -1px 0 0;
	position:	relative;
	top:	0;
	left:	0;
	cursor:	pointer;
	font-size:	15px;
	height:	30px;
	line-height: 30px;
	float: left;
}
ul.tabs li.selected	{
	border-bottom:	4px solid #fff;
	font-weight:	bold;
	background:	#fff;
	z-index: 200;
}
ul.tabs li.tab:hover {
	background:	#ddd;
}
ul.tabs li.selected:hover {
	background:	#fff;
}
div.tab-pane {
	clear: both;
	position:	relative;
	top:	-16px;
	left:	0;
	padding: 40px 8px 8px 8px;
	font-size:	12px;
	border:	1px solid #aaa;
	margin:	0 0 12px 0;
	z-index: 50;
}
div.tab-pane p {
	padding-bottom:	6px;
}

/*		BUTTONS		*/

a.bt { 
	border: 1px solid #aaa;
	padding: 2px 8px;
	margin: 0 -2px 0 -3px;
	background: #eee;
	line-height: 1;
	text-decoration: none;
	font-size: 11px;
}
a.bt-gradient {
	background: url( ../m/btn_bg.png ) repeat-x center center;
	background: -webkit-gradient( linear, left top, left bottom, from( rgb( 250,250,250 )), to( rgb( 200,200,200 )));
}
a.bt-gradient:hover {
	background-image: none;
	background-color: #ddd;
	background: -webkit-gradient( linear, left bottom, left top, from( rgb( 250,250,250 )), to( rgb( 200,200,200 )));
}

a.bt:hover {
	border: 1px solid #777;
}
a.bt-r {
	margin-right: 8px;
	margin-left: 0;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
a.bt-l {
	margin-left: 8px;
	margin-right: -1px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

p.plus { background: url( ../m/warning.png ) no-repeat 6px 6px #fff; border: 1px solid #aaa; padding: 4px 6px 4px 32px; font-size: 13px; margin-top: 12px; }
p.error { margin: 4px 8px 4px 4px; font-size: 13px; background: url( ../m/warning.png ) no-repeat 6px 6px #ffc; border: 1px solid #dd6; padding: 4px 4px 4px 32px; display: block; }

.rhs { float: right; }


/*		TOOL TIPS		*/

.tooltip { position: relative; z-index: 24;  }
.tooltip:hover { z-index: 25; background-color: #ff0; }
p.tooltip span,
abbr.tooltip span,
span.tooltip span,
a.tooltip span { display: none; }
.tooltip:hover span { display: block; position: absolute; bottom: 2em; left: 2em; width: 15em; border:3px solid #aaa; 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	background-color: #ddd; color: #000; text-align: center; padding: 6px 2px; opacity: 0.85; overflow: visible; 
	font-family: 'lucida grande','lucida sans unicode','lucida','gill sans',calibri,sans-serif; font-size: 12px; font-weight: 500;
	text-transform: none; margin: 0; text-indent: 0px; text-decoration: none !important;
	-webkit-box-shadow: 0px 2px 8px #000;
	-moz-box-shadow: 0px 2px 8px #000;
	box-shadow: 0px 2px 8px #000;
}