/* --------------------------------------------------------------

	reset.css
	* Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* --------------------------------------------------------------

	grid.css

-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
	width: 848px;
	margin: 0 auto;
	clear: both;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid {
	background: url(src/grid.png);
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3,
div.span-4, div.span-5, div.span-6 {
	float: left;
	margin-right: 16px;
	overflow: hidden;
}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 128px; }
.span-2  { width: 272px; }
.span-3  { width: 416px; }
.span-4  { width: 560px; }
.span-5  { width: 704px; }
.span-6, div.span-10  { width: 848px; margin: 0;}


/* Use this to create a horizontal ruler across a column. */
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.45em;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
}

/* Add these to a column to prepend empty cols. */
.prepend-1  { margin-left: 144px; }
.prepend-2  { margin-left: 288px; }
.prepend-3  { margin-left: 432px; }
.prepend-4  { margin-left: 576px; }
.prepend-5  { margin-left: 720px; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 144px; } 
.append-2  { padding-right: 288px; }
.append-3  { padding-right: 432px; }
.append-4  { padding-right: 576px; }
.append-5  { padding-right: 720px; }

/* Clearing floats without extra markup
	Based on How To Clear Floats Without Structural Markup by PiE
	[http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
	 content: ".";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
	apply to column that should drop below previous ones. */

.clear { clear:both; }


/* --------------------------------------------------------------

	style.css
	* own styles start here

-------------------------------------------------------------- */



/*		DEFAULTS		*/

html { height: 100%; margin-bottom: 1px; }
body { color: #222; font-size: 11px; font-family: 'lucida grande','lucida sans unicode','lucida','gill sans',calibri,sans-serif; line-height: 1.4; background: url( ../m/fond.jpg ) repeat-x bottom left fixed #fff; }

a { text-decoration: none; color: #028; }
a:focus,
a:hover { text-decoration: underline; outline: none; }
a img:hover { opacity: 0.8; }


div#masthead h2 a,
div.static h1 a { background: url( ../m/annuaire-du-cheval.png ) no-repeat 142px 24px; text-indent: -10000px; display: block; font-size: 10px; padding: 32px 0; }

h5 { text-transform: uppercase; font-size: 10px; font-weight: bold; }
h4 { border-top: 3px solid #abc; font-size: 18px; margin: 24px 0 18px 0; }

sup { line-height: 12px; font-size: 88%; vertical-align: top; }
sub { line-height: 12px; font-size: 88%; vertical-align: text-bottom; }

/*		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%; }

/*		FORMS		*/

label { margin-left: 8px; display: block; }
.fld { border: 1px inset #ccc; padding: 2px; font-size: 14px; /* background: #fff; */ margin: 0 8px; 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; }

/*		BLOCS		*/

.bloc { padding-bottom: 12px; margin-bottom: 18px; }
.bloc p, .bloc img, .bloc h5 { padding: 4px; }

.sidebar { margin-top: 64px; border-top: 3px solid #014; }

.open h5 { margin-left: -4px !important; }

.content { background: url( ../m/fond.jpg ) repeat-x 0px -100px; border-top: 3px solid #abc; }
.adv-search { background: url( ../m/fond.jpg ) repeat-x 0px 0px #9fcaff; }

/*		PUBLICITY		*/
.publicity div.span-4 div p { margin-top: 8px; }

/*		KIOSQUE		*/
.kiosque h6 { font-size: 14px; }
.kiosque div.span-4 div p { margin-top: 8px; }

/*		SEARCH FORM		*/

.search-block { }
.search-block p { padding: 8px; font-size: 14px; }
.search-block input.fld { width: 392px; }
.search-block input.submit { margin: 12px 8px; }
.search-block em { font-family: georgia,times,'times new roman',serif; font-weight: bold; font-style: italic; }

/*		ADVANCED SEARCH		*/

.adv-search .span-2 input.fld { width: 252px; margin-left: 8px; }
.adv-search .rubs,
.adv-search .locs { font-size: 12px; line-height: 18px; padding: 0; margin: 0; }
.adv-search .locs, .adv-search #locs { padding: 0; margin: 0; }
.adv-search .rubs label,
.adv-search .locs label { font-size: 11px; margin: 4px 0 4px 8px; }
.adv-search .loc-1 { width: 320px; display: block; font-size: 11px; margin-left: 10px; background: url( ../m/triangle.gif ) no-repeat 0px 5px; padding-left: 12px; cursor: pointer; }
.adv-search .loc-2  { display: block; font-size: 11px; margin-left: 20px; cursor: pointer; }
.adv-search .span-2 span.info { font-size:  11px; line-height: 13px; margin: 0 8px 8px 8px; }
.adv-search #locs #partout { font-size: 11px; line-height: 1.1; padding-left: 8px; font-weight: bold; cursor: pointer; }
.adv-search #locs #partout span { display: block; padding: 2px 0 12px 8px; color: #556; font-weight: 500;}

/*		GENERIC		*/

.right { text-align: right; }
.small { font-size: 64%; }
.notice { color: #f60; text-transform: uppercase; font-size: 64%; font-weight: bold; padding-right: 8px; }
.info { display: block; font-size: 80%; color: #666; }
.space { padding: 0; margin: 0; border: 0; color: transparent; height: 0; }
.sc { text-transform: uppercase !important; font-size: 88% !important; font-weight: bold !important; }
.internal { padding-left: 18px; }
.nowr { white-space: nowrap; }

#appel a.picto { display: block; text-align: right; margin-right: 12px; background: url( ../m/picto_go.png ) no-repeat 100% 0%; height: 16px; line-height: 16px; text-indent: 1000px; position: relative; }
#appel a.picto:hover { background: url( ../m/picto_go.png ) no-repeat 100% 100%; }
#appel { margin-bottom: -48px; }

.search-name, .search-section, .search,
.home { margin-top: 48px; }
.hidden { display: none; visibility: hidden; }
.compl { color: #888; }
.error { border: 1px solid orange; margin: 12px 18px 12px 8px; padding: 8px 8px 8px 36px; background: url( ../m/warning.png ) no-repeat 12px 10px #ffc; font-size: 14px; }
.pub { display: block; margin: 60px 0 -40px 0; }
.warning { text-align: center; background: #ffc; border-radius: 8px; -moz-border-radius: 8px; padding: 12px; border: 2px solid #f90; font-size: 14px; color: #222;}

.rub { text-transform: uppercase; }

/*		ADVANCED SEARCH FORM		*/

.inside { width: 190px; float: left; margin-right: 16px; /*margin-left: -2px; */ }
.inside select { width: 190px; clear: both; display: block; margin-top: 4px; }
.inside label input.fld { margin-left: 0px; width: 186px !important; margin-top: 4px; clear: both; display: block; }
.inside label { width: 400px; display: block; }
.inside label .notice { font-size: 9px; }

/*		MASTHEAD		*/

div#masthead { text-indent: 144px; line-height: 1.2; margin-bottom: 16px; padding-top: 32px; }
/*
div#masthead h2 { font-size: 60px; }
div#masthead h2 a,
div#masthead h2 a:visited { color: #000; text-decoration: none; }
*/
#masthead h2 { font-size: 16px; }
#masthead h6 { font-size: 20px; color: #789; font-family: georgia, times, 'times new roman'; font-style: italic; }

/*		BTT		*/
#btt { background: url( ../m/bullet_arrow_top.gif ) no-repeat -2px 0px; padding-left: 18px; }
#accueil { background: url( ../m/house.png ) no-repeat; padding-left: 24px; }

/*		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; }

/*		BARRE		*/

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

div#barre a#aide { font-weight: bold; padding: 4px 36px 4px 36px; text-transform: uppercase; font-size: 10px; background: url( ../m/btn_over.gif ) no-repeat center center; position: relative; height: 18px; width: 80px; }
div#barre a#aide:hover { background: url( ../m/btn.gif ) no-repeat center center; color: #123; }
div#barre a span.small { font-size: 88%; }


/*		MAINTENANCE		*/
#maintenance { background: #fc3; padding: 24px 8px; border-top: 3px solid #f90; }
#maintenance h3 { background: url( ../m/error.png ) no-repeat 0px 5px; text-transform: uppercase; font-size: 18px; text-indent: 24px; }
#maintenance p { padding: 12px 0; font-size: 12px; }
#maintenance tt { display: block; margin: 8px 0; color: #453; }

/*		PACK PRO		*/
.packpro .span-4 { font-size: 13px; }
.packpro ol.pp { list-style-type: decimal; padding-left: 24px; }
.packpro ol.pp ul { list-style-type: disc; padding-left: 24px; }
.packpro ul.pp li,
.packpro ol.pp li { margin: 4px 0; }
.packpro .span-4 p { margin: 8px 0; }
.packpro ul.pp { list-style-type: disc; padding-left: 24px; }
.packpro ul.pp2 { font-size: 80%; }

#download { border: 1px solid #456; padding: 4px 0 4px 28px; background: url( ../m/page_white_acrobat.png ) no-repeat 6px center #cde; }

/*		LEGAL		*/
#legal div ul,
#legal div ul li,
#legal div ol,
#legal div ol li { padding: 0; margin: 0; }
#legal div ul,
#legal div ol { margin-bottom: 12px; padding-left: 18px; }
#legal div p { margin: 12px 0 0 0; padding: 0; }
#legal div em { font-style: italic; }

/*		BETA		*/
.beta { text-align: center; width: 540px; margin: 18px auto; background: #ffc; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; padding: 8px; border: 2px solid #f90; font-size: 14px; color: #222; }
.beta h4 { border: 0; text-align: center; }

/*		RECEIPT		*/
#receipt { width: 520px; margin: 18px auto; background: url( ../m/120.png ) #ffc center 8px no-repeat; border-radius: 12px; -moz-border-radius: 12px; padding: 18px; border: 2px solid #f90; font-size: 14px; color: #222; }
#receipt h4 { border: 0; }
#receipt p { margin-bottom: 14px; }

/*		CAVALIENS		*/
#legal div.cavaliens ul,
div.cavaliens ul { list-style: none; list-style-position: outside; padding: 0; margin: 0; }
#legal div.cavaliens ul li,
div.cavaliens ul li { list-style: none; list-style-position: outside; padding: 0; margin: 4px 8px 2px 2px; width: 176px; 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: 560px; 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; }

/*		WIDGET / PA		*/
.ad { background: url( ../m/fond_jaune.jpg ) repeat-x; border-bottom: 3px solid #abc;}
.ad img { width: 120px; }

.widget p.cwfChannel { font-weight: bold; text-transform: uppercase; line-height: 1.2; }
.widget ul { padding: 0; margin: 0; font-size: 9px; }
.widget ul li { border-top: 1px solid #888; padding: 2px; }
.widget ul li a { font-weight: bold; line-height: 1.1; display: block; margin-bottom: 2px; margin-top: 1px; }
.widget ul li p { padding: 0; margin: 0; line-height: 1.1; font-size: 10px; }
.widget p.cwfFooter { text-align: right; border-top: 1px solid #888; padding: 8px 2px 0 2px; }

/*		SIGNAL / FLAG		*/
.signal-error { border: 1px solid orange; margin: 2px; padding: 1px 2px 1px 30px; background: url( ../m/warning.png ) no-repeat 4px 2px #ffc; font-size: 10px; width: 220px; }
.merci { width: 250px; text-align: center; background: #cf9; margin: 12px auto; padding: 12px 8px; }
.merci h5 { padding: 12px 0; font-size: 11px; }
.merci p { margin: 12px 0; font-size: 12px; }

/*		STATIC		*/
.presentation { font-size: 12px; margin-bottom: 12px; }
.text { width: 560px; margin: 18px auto; }
.lower { margin-top: -60px !important; }
.ppinfo a { margin-right: 8px; }

/*		hacks		*/
.ie6 { display: none; visibility: hidden; }

/*		TAGS		*/
ul.tags { text-align: center; margin-top: 18px; }
ul.tags li { display: inline; font-family: Georgia, times, serif; font-size: 12px; }
ul.tags li a { white-space: nowrap; }
ul.tags li.a { font-size: 28px; }
ul.tags li.b { font-size: 24px; }
ul.tags li.c { font-size: 20px; }
ul.tags li.d { font-size: 16px; }

/*		IE FIXES		*/
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/*		fixes bad image interpolation		*/
* img, img { -ms-interpolation-mode: bicubic !important; }