/* =================== RESET =================== */

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, font, strong, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  /*font-size: 100%;*/
  font-family: inherit;
  vertical-align: baseline;
}

table, td ,tr, th, tbody, tfoot, thead {
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/* =================== BASE =================== */

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75em; /* 16*0.75=12 */ line-height: 1.5em; width: 906px; margin: 0 auto 5em; background-color: #fff; }
p, ul, h1, h2, h3, h4, blockquote, pre { margin: 1em 0;}
pre { line-height: 1em; }
h2 { font-size: 2em; /* 12*2=24 */ }
h3 { font-size: 1.5em; /* 12*1.5=18 */ }
h4 { font-size: 1em; }
tt, code, pre { font-family: Inconsolata, 'Andale Mono', monospace; font-size: 1.167em; }
pre code { font-size: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #ec008c; }

/* =================== HEADER =================== */

#header { position: relative; top: 0; left: 0; margin-top: 110px; }
/* clearfix */
#header:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#header {display:inline-block;}
/* Hide from IE Mac \*/
#header {display:block;}
/* End hide from IE Mac */

#header a.rss { position: absolute; top: 50%; right: 0%; margin-right: 8px; margin-top: -8px; width: 16px; height: 16px; background-image: url(/images/rss.gif); background-position: top left; background-repeat: no-repeat; }
#header a.rss span { display: none; }

#order a {display: block; width: 320px; height: 215px; background-image: url(/images/order_button.jpg); position: absolute; top: -110px; right: 0px;}
#order a span { display: none; }


/* =================== h1#home =================== */

h1#home { position: absolute; top: -85px; left: 0; margin: 0; margin-left:8px;}
h1#home a { display: block; height: 80px; width: 314px; background-color: #fff; background-repeat: no-repeat; background-position: top left; background-image:url(/images/logo_golf_sur_mesure.gif); }
h1#home a span { display: none;}

/* =================== NAVIGATION =================== */

#navigation { float: left;}
#navigation ul { height: 2.5em; background-color: #dcdcdc; width: 896px; margin: 0 0 0 10px; background-image: url(/images/nav_gray_background.gif); background-repeat: repeat-x;}
#navigation li { float: left;}
#navigation a { display: block; padding: 0 1em; line-height: 2.5em; border-right: 2px solid white; background-repeat: repeat-x; background-image:url(/images/nav_background.gif); background-position: 0 0; color: white; text-decoration: none; font-weight: bold;   }
#navigation .current a { background-position: 0 -128px; ; color: black;}
#navigation a:hover,
#navigation a:active { background-position: 0 -256px; color: black;}
body.rubriques_show #navigation .current a,
body.contact #navigation .current a { cursor: default; }
body.rubriques_show #navigation .current a:hover,
body.rubriques_show #navigation .current a:active,
body.contact #navigation .current a:hover,
body.contact #navigation .current a:active { background-position: 0 -128px; }

/* =================== PAGE =================== */

#page { margin-top: 0em; background-repeat: repeat-y; background-position: top right; background-image:url(/images/page_background.gif); min-height: 400px; }

/* clearfix */
#page:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#page {display:inline-block;}
/* Hide from IE Mac \*/
#page {display:block;}
/* End hide from IE Mac */


/* clearfix */
#page #content .clearfix_left:after {
content:".";
display:block;
height:0;
clear:left;
visibility:hidden;
}
#page #content .clearfix_left {display:inline-block;}
/* Hide from IE Mac \*/
#page #content .clearfix_left {display:block;}
/* End hide from IE Mac */


#page .image-center {text-align: center;}

#page .image-center img {margin: 10px 0 20px 0;}

#page .image-left img { float:left; margin: 0 10px 0 0px;}

#page .image-right img { float:right; margin: 0 10px 0 0px;}

#page #content h1 { color:#db1357; font-size: 2.5em; font-weight: bold; padding-top:10px;}

#page #content .progress {color:#db1357; font-size: 2em; font-weight: bold; padding-top:5px;}

#page #content h2 { color:#868686; font-size: 1.2em; font-weight: bold}

#page #content ul { padding: 0; margin-left: 1.5em;}
#page #content ul li { padding-left: 0; margin-left: 0;}
#page #content ul li { list-style: none outside url(/images/front/puce-rose.gif);}

#page #content {margin-top: 5px;}

#page #content .article a {	color: black; text-decoration: none;}
#page #content .article h3 {color:#db1357; font-size: 1.6em; font-weight:bold;}
#page #content .article h3 a {color:#db1357; }


#page #content h4 {color:#db1357; font-size: 1.5em; font-weight:bold; padding-top:5px;}

#page #content .text-center {text-align: center;}



/* =================== SIDE BAR =================== */

#side_bar { width: 346px; float: right; text-align: right; padding: 60px 0 1em 0; color: white;}
#side_bar h3 { color: #ec008c; font-size: 1.333em; /* 12*1.33=16 */ text-transform: uppercase; margin: 1em 0 0.5em; }
#side_bar p,
#side_bar ul { margin: 0.5em 0;}
#side_bar a { color: #833864; }
#side_bar .current a,
#side_bar a.current { text-decoration: none; font-weight: bold; cursor: default; color: #000; }
#side_bar div.extra,
#side_bar div.recent,
#side_bar div.related,
#side_bar div.news_feed,
#side_bar div.tags { margin: 0 10px 0;}

#side_bar div.recent li,
#side_bar div.related li,
#side_bar div.news_feed li { margin: 0.4em 0;}

#side_bar div.news_feed .date { display: block; }

#side_bar div.search { background-repeat: repeat-x; background-image:url(/images/background.gif); background-position: 0 0; padding: 0 10px; border-bottom: 2px solid #fff; margin: 0; }
#side_bar div.search h3 { display: none; }
#side_bar div.search form { padding: 0.5em 0;}
body.recherche #side_bar div.search { background-position: 0 -256px; }

#side_bar .map { border: 10px solid #888; margin: 0 0 10px 0; }
#map { width: 326px; height: 326px; text-align: left; color: #000; }
.padded {padding: 1em;}
.adsense { margin-right:8px;}

/* =================== CONTENT =================== */

#content { margin-left: 10px; margin-right: 346px; min-height:400px; padding: 1em 0 5em 0; background-image:url(/images/golfeur_de_vitruve.gif); background-position: bottom right; background-repeat: no-repeat;}

/* =================== FOOTER =================== */

#footer { color: #888; text-align: right; height: 30px; background-image:url(/images/footer_background.gif); background-repeat: repeat-x; padding: 0.5em 0.5em;}
.copyright {line-height: 1em; font-size: 0.8em; }
.copyright a {color #888; text-decoration:none;}
/* =================== ARTICLE =================== */

.article h2.name { margin: 0 0 1.25em 0; line-height: 1em; }
.article .hidden_title h2.name { display: none; }
.article h2.name a { color: black; text-decoration: none; }
.article h2.name a:hover { text-decoration: underline; color: #ec008c; }
.article .info { color: #888; }
.article .info p { display: inline; }

.article .article_navigation { margin: 1em 0; }
.article .article_navigation,
.article .article_navigation a { color: #888; }
.article .article_navigation table { width: 100%;}
.article .article_navigation .next { text-align: right; }
.article .article_navigation .next a { line-height: 16px; padding-right: 20px; background-repeat: no-repeat; background-position: center right; background-image:url(/images/next.gif); }
.article .article_navigation .previous a { line-height: 16px; padding-left: 20px; background-repeat: no-repeat; background-position: center left; background-image:url(/images/previous.gif); }

body .articles .article h2.name { font-size: 1.333em; /* 12*1.33=16 */ margin: 0.5em 0;}
body .articles .article h2.name a { color: #ec008c; text-decoration: underline; }

/* clearfix */
.article .content:after {
content:".";
display:block;
height:0;
clear:left;
visibility:hidden;
}
.article .content {display:inline-block;}
/* Hide from IE Mac \*/
.article .content {display:block;}
/* End hide from IE Mac */

/* =================== ARTICLE COMMENTS =================== */

.article .comments_header a { color: #888; line-height: 16px; padding-left: 20px; background-repeat: no-repeat; background-position: center left; background-image:url(/images/comment_icon.gif); }
.article .comments { background: #ddd; color: #555; margin: 1em 0 0 0; padding: 1px 1em; }
.article .comments a { color: #c67d9d; }
.article .comments h3 { font-size: 1.333em; /* 12*1.33=16 */ text-transform: uppercase; margin: 1em 0 0.5em; }
.article .comments form dt { float: left; width: 80px; margin-right: 10px; }
.article .comments form dd { margin-left: 90px; }
.article .comments form dd input { width: 210px; margin-bottom: 0.5em;}
.article .comments form dd textarea { width: 420px; height: 5em; }
.article .comments form p { margin-left: 90px; }
.article .comments .notice { color: #ec008c;}
.article .comments 
.article .comments .info { color: #888; }
.article .comments .comment { background-color: #eee; margin: 1em 0 1em 1.5em; padding: 0.5em 1em; position: relative; top: 0; left: 0; border: 1px solid #d0d0d0;}
.article .comments .comment .index { display: block; position: absolute; left: -2.5em; top: 0.5em; width: 2.5em; text-align: center; }
.article .comments .comment .index a { color: #333; font-weight: bold; }
.article .comments .comment .content { margin-top: 0.5em; }
.article .comments .comment.emphasized { background-color: #fff; }
.article .comments .comment.emphasized .info { color: #888; }

/* =================== ERRORS & NOTICE =================== */

.flash-notice {border-bottom: 2px solid green; padding-left: 5px; margin-left: 10px; background-color: #BFE39C; font-weight: bold;}
.errors { margin-left: 20px; color: #BD0B47;}
.errors li {list-style-type: square;}
.legals li {list-style-type: square; font-size: 0.9em; margin-left: 2em; color: #999;}
.fieldWithErrors { display: inline; }
.fieldWithErrors input,
.fieldWithErrors textarea { background-color: #ffeedd; }

/* =================== TEXT =================== */

.text h1 { font-size: 1.333em; /* 12*1.33=16 */ }
.article .hidden_title .text h1 { font-size: 2em; /* 12*2=24 */ line-height: 1em;}
.text h2 { font-size: 1em; font-weight: bold; }
.text h3 { font-size: 1em; text-decoration: underline; }
.text ul { list-style-image: url(/images/bullet.gif); margin-left: 1em; }
.text ul ul { list-style-image: url(/images/bullet_2.gif); margin: 0 0 0 1em; }
.text li { margin-left: 1em; padding-left: 0.5em; }
.text blockquote { margin: 1em 0 1em 1em; padding: 1px 1em; background: #eee; -webkit-border-radius: 0.5em 0.5em; border: 1px solid #ddd; color: #666; font-style: italic; }
.text blockquote em { font-style: normal; }
.text pre { clear: left; width: 520px; overflow: auto; margin: 1em 0 1em 0; padding: 1em 10px; background: #ffebf4; -webkit-border-top-left-radius: 0.5em 0.5em; -webkit-border-top-right-radius: 0.5em 0.5em; border: 1px solid #f49ac1;}
.text .media { clear: left; float: left; width: 270px; margin: 0 2em 1em 0; text-align: center; color: #888; }
.text .media a { color: #888; }
.text .media img { margin: 0 0 0.5em 0;}
.text .media .legend { display: block; }

.text .wide_media { margin: 1em 0; text-align: center; color: #888; }
.text .wide_media a { color: #888; }
.text .wide_media img { margin: 0 0 0.2em 0;}
.text .wide_media .legend { display: block; font-size: 0.833em; /*10/12.0 = 0.833333333333333 */ }

/* CONTACT & ORDERS */

body.contacts dt,
body.orders dt
{ float: left; clear: left; width: 10em; margin: 0 1em 0.5em 0; color: #666; text-align: right;}

body.contacts dd,
body.orders dd
{ margin: 0 0 0.5em 0em; }

body.contacts form dd input,
body.contacts form dd textarea,
body.orders form dd input,
body.orders form dd textarea
{ width: 20em; }

body.contacts form dd textarea
{ height: 10em;}

body.orders form dd textarea
{ height: 4em;}

body.contacts form p,
body.orders form p
{ margin-left: 11em; }

body.orders form h2
{
	font-size: 1.2em;
	border-bottom: 1px solid black;
}

/* Cart */

.cart_content 
{
  width: 100%;
}
.cart_content th, .cart_content td
{
  text-align: center;
}

.cart_content th
{
  font-weight: bold;
}

.cart_content input
{
  width: 5em;
}

/* Pricing */

.stroked
{
  text-decoration: line-through;
}

.promoprice
{
  font-weight: bold;
  color: red;
  font-size: 1.1em;
}
/* BILLING */

#billing dl {
	background-image: url(/images/2990.jpg);
	background-position: 90% 0%;
	background-repeat: no-repeat;
}