/* Style Reset
----------------------------------------------------------------------------- */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
ul, ol { margin-top:0; }
dl, pre, ul, ol, fieldset, p, blockquote { margin: 0px 0px 15px 0px; }
table { border-collapse:collapse; border-spacing:0; padding:0px 0px 0px 0px; }
fieldset, img { border:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; margin: 0px 0px 10px 0px; font-family: arial, helvetica, clean, sans-serif; }
blockquote { margin: 0px 0px 0px 33px }
td { vertical-align:top; text-align:left;}
td.bottom { vertical-align: bottom; text-align:left;}
td.middle { vertical-align: middle; text-align:left;}
.left {text-align:left;}

/* Fonts Size
----------------------------------------------------------------------------- */
body { font:9pt arial, helvetica, clean, sans-serif; color:#353535; background-color: #353535;}
table { font-size:inherit; text-align:left;}
body * { line-height:1.22em;}

div#screen {text-align: center; background-color:#353535; height: 973px;}
div#main {background-color:#ffffff; width:992px; border: solid 2px #ffffff;  text-align: center; height: auto;}

/* Forms
----------------------------------------------------------------------------- */

input, textarea, select { font-size:inherit; border: solid 1px #353535; border-bottom-color: #969696; border-right-color: #969696; vertical-align: middle; }
input.radio { border: 0px; }
select { height:20px; font-size: 9pt;}
input { height: 20px; font-size: 9pt; vertical-align: middle;}
.submit { height: 26px; border: groove 1px #A5ACB2; padding: 2px; font-size: 9pt;}
.msgerreur { color: #FA0B0B;}

td.label { padding: 2px; width: 40%; vertical-align: middle; font-weight: bold;}
td.field { padding: 2px; width: 60%; vertical-align: middle;}
div#dealerfinder td.label { color:White; font-weight:bold;}
div#dealerfinder select { width: 200px; }

/* Links
----------------------------------------------------------------------------- */
a:link, a:visited { color:#D66F1F; font-weight:bold; text-decoration:none; }
a:active { color:#D66F1F; font-weight:bold; text-decoration:underline; }

a.lien1:link, a.lien1:visited { color:#e70033; font-weight:bold; text-decoration:none; }
a.lien2:link, a.lien2:visited { color:#0046ad; font-weight:bold; text-decoration:none; }
a.lien3:link, a.lien3:visited { color:#007836; font-weight:bold; text-decoration:none; }
a.lien1:hover, a.lien1:active { color:#e70033; font-weight:bold; text-decoration:underline; }
a.lien2:hover, a.lien2:active { color:#0046ad; font-weight:bold; text-decoration:underline; }
a.lien3:hover, a.lien3:active { color:#007836; font-weight:bold; text-decoration:underline; }

a.lienmenu:link, a.lienmenu:visited { color:#353535; font-weight:normal; text-decoration:none; }
a.lienmenu:hover, a.lienmenu:active { color:#353535; font-weight:normal; text-decoration:underline; }


/* Headings
----------------------------------------------------------------------------- */
h1 { font-size:20pt; }
h2 { font-size:18pt; }
h3 { font-size:16pt; }
h4 { font-size:14pt; }
h5 { font-size:12pt; }
	
h4.header-dealer { color:#ffffff; text-align:center;}
h2.header-info {padding-left: 10px; font-family: Arial Black, Arial; background-color: #F4F4F4; width: 100%; }
h3.white {margin:0px 0px 0px 0px; padding:0px; color:#ffffff;}
h4.support { border-bottom:#D9D6D0 1px solid; margin-top:25px; padding-bottom:3px; }

/* Lists
----------------------------------------------------------------------------- */
ol#listfaq li { padding-bottom:10px; }

/* Images
----------------------------------------------------------------------------- */
 img { display:block; }
.img-inline { display:inline; vertical-align:middle; background-color: White; }
.img-block { margin-bottom:1em; }
.img-left { margin:0px 11px 11px 0px; }
.img-dealer { float:left;  padding: 0px 15px 65px 15px;}

/* Document Structure
----------------------------------------------------------------------------- */

#document { text-align:left; background:#ffffff url(/images/background.jpg) repeat-x; padding: 15px 0px 0px 0px; margin: 0px 0px 0px 2px; width: 833px; }
#document-nomenu { text-align:left; background:#ffffff url(/images/background.jpg) repeat-x; padding: 15px 15px 0px 0px 0px; margin: 2px 0px 2px 0px; width: 990px; }
#menu-contextuel { text-align:left; background:#5c5c5c url(/images/bg_menu_contextuel.gif) repeat-y; width: 155px; margin: 0px 0px 0px 0px; padding: 0px; height:auto;}
#menu-catalogue{ background-color: #5C5C5C; height: 800px;}

#menu-secondaire{ text-align:left; background:#D97923 url(/images/bg_menusecondaire.gif) repeat-y; height: 800px; }
#menu-section{ text-align:left; width: 155px; height:auto;}
#menu-section table { margin: 15px 0px 0px 0px;}
#menu-section td { text-align:left; padding: 0px 6px 10px 6px;}

/* padding : the top and bottom padding will be set by the first value, the right and left padding by the second value. */
.box { 	text-align:left; margin-bottom:2em; padding:1px 15px 1px 14px; }
.box-tight { margin-right: 8px;	margin-bottom:2em; padding:6px 9px; border: solid 1px #353535; background-color:#E5E5E5;}
.box-axe-left { text-align:left; padding: 20px 7px 20px 7px; width:387px; border-right: solid 1px #cccccc;}
.box-axe-right { text-align:left; padding: 20px 0px 20px 13px; width:388px;}
.box-axe-frameset { text-align:left; padding: 20px 0px 20px 13px; width:637px;border-bottom: solid 1px #cccccc;}

.box-serie-left { text-align:left; padding: 15px 10px 10px 0px; width:340px;}
.box-serie-right { text-align:left; padding: 15px 0px 10px 0px; width:452px;}

.box-athlete-left { text-align:left; padding: 15px 20px 10px 10px; width:500px;}
.box-athlete-right { text-align:left; padding: 15px 10px 10px 10px; width:200px;}

.box-l-bike { text-align:left; padding: 15px 20px 15px 0px; width: 240px; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc;}
.box-c-bike { text-align:left; padding: 15px 20px 15px 20px; width: 240px; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc;}
.box-r-bike { text-align:left; padding: 15px 0px 15px 20px; width: 240px; border-bottom: solid 1px #cccccc;}


/* Colors & Background
----------------------------------------------------------------------------- */
.bg1 { background:#A0AF00 url(/images/category/menu/1.jpg) repeat-x; width:328px;}
.bg2 { background:#A0AF00 url(/images/category/menu/2.jpg) repeat-x; width:328px;}
.bg3 { background:#A0AF00 url(/images/category/menu/3.jpg) repeat-x; width:329px;}

.label1 { background:#A0AF00 url(/images/catalogue/label_road.jpg) repeat-x; padding: 2px 2px 2px 10px; width:790px; height: 24px; text-align:left;}
.label2 { background:#00A5AF url(/images/catalogue/label_triathlon.jpg) repeat-x; padding: 2px 2px 2px 10px; width:790px; height: 24px;}
.label3 { background:#B30000 url(/images/catalogue/label_cross.jpg) repeat-x; padding: 2px 2px 2px 10px; width: 790px; height: 24px;}
.label-wear { background:#353535 url(/images/catalogue/label_wear.jpg) repeat-x; padding: 2px 2px 2px 10px;  margin-bottom: 15px; width: 790px; height: 24px;}
.label-support { background:#979797 url(/images/label_support.jpg) repeat-x; padding: 2px 2px 2px 10px; width:790px; height: 24px; margin-bottom: 15px;}

.bgcolor1 {background-color:#e70033;}
.bgcolor2 {background-color:#0046ad;}
.bgcolor3 {background-color:#007836;}

.bgcoloralt1 {background-color:#EEB6B6;}
.bgcoloralt2 {background-color:#99EDF2;}
.bgcoloralt3 {background-color:#E7EBBF;}
.bgcoloralt4 {background-color:#B7B7B7;}

.border {background-color:#CCCCCC;}

.color1 { color:#e70033; }
.color2 { color:#0046ad; }
.color3 { color:#007836;}

.white { color: #ffffff; }

/* Home Page Section
----------------------------------------------------------------------------- */
.box-home-custom-paint { text-align:left; background:#D7D7D7 url(/images/boxcustompaint.jpg) repeat-x; margin: 13px; width:257px; padding: 8px 24px;}
.box-home-infos { text-align:left; margin-top: 13px; width:623px;}
.showContainer { border: solid 1px #353535; width:250px; height:232px; }

/* Catalog
----------------------------------------------------------------------------- */
.img-axe1 { border: solid 1px #A0AF00; padding: 0px; margin-bottom: 12px;}
.img-axe2 { border: solid 1px #00A5AF; padding: 0px; margin-bottom: 12px;}
.img-axe3 { border: solid 1px #B30000; padding: 0px; margin-bottom: 12px;}
.img-wear { border: solid 1px #353535; padding: 0px; margin-bottom: 12px;}
.img-custom { border: solid 1px #353535; padding: 0px; margin: 0px;}

table.feature { width: 100%; padding: 0px;  }
table.feature td { background-color: #f2f2f2; padding: 2px; font-size: 8pt; border-bottom: solid 3px #ffffff;}

table.component {width: 100%; padding: 0px; margin-bottom: 1em;}
table.component td { padding: 2px; font-size: 8pt; border-bottom: solid 3px #ffffff; }

table.component-wear {width: 100%; padding: 0px; margin-bottom: 1em;}
table.component-wear td { padding: 5px; font-size: 8pt; }

.border1 { border: solid 3px #e70033; width: 792px; height:150px; margin-bottom: 1em; padding: 2px; font-size: 8pt; }
.border2 { border: solid 3px #0046ad; width: 792px; height:150px; margin-bottom: 1em; padding: 2px; font-size: 8pt;}
.border3 { border: solid 3px #007836; width: 792px; height:150px; margin-bottom: 1em; padding: 2px; font-size: 8pt;}

/* Common Easymenu element */
.ParentItemContentCell { font: 10pt Arial; color: #353535; width:254px; text-align: center; white-space: nowrap; vertical-align: middle; }
.ParentItemContentCellOver { font: 10pt Arial; color: #ffffff; width:254px; text-align: center; white-space: nowrap; vertical-align: middle; }
.ParentSeparator, .ParentSeparatorOver { width:20px; padding: 0px; background-image:url(/images/pagebgright.jpg); background-repeat:repeat-y; }

.ob_show_panel img { border: solid 1px #353535; margin-bottom : 10px;}

.box-bike { border: solid 1px #5c5c5c; padding: 0px 10px 0px 10px; width:780px; margin: 10px 0px; }

/* Custom Paint
----------------------------------------------------------------------------- */
.box-custom-left { width: 500px; padding: 14px 0px 14px 0px; }
.box-custom-right { width: 453px; padding: 14px 0px 14px 10px; }
table.thumbnail { width: 100%; padding: 0px; }
table.thumbnail td { padding: 0px 0px 10px 0px; width: 20%;}

/* Dealer Locator
----------------------------------------------------------------------------- */
div#dealerfinder { 	background:#2B2B2B url(/images/boxdealerform.jpg) repeat-x; margin-left: 15px; width: 385px; padding: 10px; }
div#carte { background-color: #5D5D5D; width: 546px; height: 546px; padding:2px; }
div#box-dealer-list { width:370px; margin-left: 15px; }


/* Common Elements
----------------------------------------------------------------------------- */
.center { text-align:center; }
.right { text-align:right; }
.smaller { font-size:85%; }
.nomargin { margin:0; }

/* Contact Form */
div.contact-ask-form {width: 615px; border: solid 1px #A5ACB2; padding: 15px 20px; background-color: #FAFAFA; }
div.contact-ask-form input { border: solid 1px #A5ACB2; width: 330px; }
div.contact-ask-form select { border: solid 1px #A5ACB2; width: 330px; }
div.contact-ask-form textarea { border: solid 1px #A5ACB2; width: 330px; }
div.contact-ask-form td { padding: 5px 2px; }
div.contact-ask-form .submit { height: 26px; border: double 2px #A5ACB2; padding: 2px; font-size: 9pt;}

/* Header
----------------------------------------------------------------------------- */
div#header-bg { text-align:left; background:#fff url(/images/header/background.jpg) repeat-x; width:990px; margin: 0px 0px 0px 0px; height: 150px; padding: 0px;}

div#header-logo {text-align:left; width:251px; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 19px; height: 106px;}
div#header-search { margin: 19px 0px 0px 0px; padding: 0px; height: 93px;}

div#header_searchdealer { text-align:left; background:#2B2B2B url(/images/header/bgfindadealer.jpg) repeat-x; width:208px; margin: 0px 120px 0px 0px;}

div#header-extranet { background:#fff url(/images/header/extranet-box.jpg) repeat-x; margin: 15px 0px 0px 0px; padding: 5px 0px 0px 0px; width:158px; height:135px}
div#header-extranet td {width: 125px; text-align:left; padding: 0px 0px 0px 0px; font-weight: bold; letter-spacing: -0.1mm;}

.boxsearch { text-align:left; padding:5px 9px;}
div#pointe {text-align:left;  margin: 0px 0px 3px 40px; padding:0px 0px 0px 0px; }

/* Liens pour le menu principal */
div#header_searchdealer a:link, div#header-searchdealer a:hover, #header-searchdealer a:active, #header-searchdealer a:visited {font:12pt arial, helvetica, clean, sans-serif; 	color: White; 	font-weight: bold; 	text-decoration:underline; }
div#header_searchdealer input { font:10pt arial, helvetica, clean, sans-serif; width: 160px; }

div#separateur { text-align:left; background-color:#e3e3e3; width:990px; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; height:15px;}

/* Header Menu
----------------------------------------------------------------------------- */
div.header-menu { text-align:left; margin:2px 0px 0px 0px; vertical-align: middle; height:35px; padding: 0px 0px 0px 20px; width:798px;}
div.header-menu td { text-align:left; vertical-align: middle; height: 35px; word-spacing: 14px; }

.header-menu a:link { font:10pt arial, helvetica, clean, sans-serif; color: White; text-decoration: none; font-weight: bold; }
.header-menu a:active { font-size: 10pt; text-decoration:none; color: White;}
.header-menu a:visited { font-size: 10pt; text-decoration:none; color: White;}
.header-menu a:hover { font-size: 10pt; text-decoration:underline; color: White; }

.menu { padding:2px; word-spacing: 0px; font-weight: bold; border: 1px solid transparent; display:inline-block;}
.menu-selected { padding:2px; word-spacing: 0px; font-weight: bold; border: solid 1px #ffffff; display:inline-block;}

/* IE5.x/Win Specific Rules
----------------------------------------------------------------------------- */
@media tty {
	i{content:"\";/*" "*/}} @import 'screen_ie5win.css'; /*";}
}/* */