@import url('/spa/fckstyles.css');

/* Global
-----------------------------------------------------------------*/
html {min-height:100%;} /* correction firefox pour le dégradé du fond */
body {background:#313131 url('/charte/www.arvalvo.com/spa/prod/images/black-bg.png') repeat-x top left;}

.whiteArrow, .greyArrow  {margin-bottom:4px; padding-left:20px; font-family:Arial,Helvetica,sans-serif;}
.whiteArrow {background:url('/charte/www.arvalvo.com/spa/prod/images/white-arrow.gif') no-repeat left center;}
.greyArrow {background:url('/charte/www.arvalvo.com/spa/prod/images/grey-arrow.gif') no-repeat left top;}
h1.whiteArrow, h1.greyArrow {padding-bottom:10px; font-size:24px; line-height:22px;}
h2.whiteArrow, h2.greyArrow {padding-bottom:7px; font-size:20px; line-height:18px;}
h1.whiteArrow, h1.greyArrow  {background-position:left 4px;}
h2.whiteArrow, h2.greyArrow {background-position:left 1px;}

/* Smart
-----------------------------------------------------------------*/
.bloc {width:100%; overflow:hidden;}
.imgTop .bImage {padding-bottom:4px; text-align:center;}
.imgLeft .bImage {float:left;}
.imgLeft .bImage, .imgLeftCol .bImage {padding-right:4px;}
.imgRight .bImage {float:right;}
.imgRight .bImage, .imgRightCol .bImage {padding-left:4px;}
.bImage .legend {display:block; padding-bottom:4px; font-weight:bold; font-style:italic; text-align:left;}
.bLink, .bFile {text-align:right;}

/* Container 
-------------------------------------------------------------------------------------------*/
#container {margin:20px auto; width:949px; background: url('/charte/www.arvalvo.com/spa/prod/images/shadow-top.png') no-repeat left 113px;}
#container #header-brand {background:url('/charte/www.arvalvo.com/spa/prod/images/black-bg-new3.png') repeat-x 0 -20px;}
#container img#logo{margin-bottom:52px; margin-top:3px; margin-left:50px;}


#main {padding:0 4px 20px 16px; background:#fff url('/charte/www.arvalvo.com/spa/prod/images/content-bg.png') repeat-y left top;}
#main2 {padding:0 4px 20px 16px; background:#fff url('/charte/www.arvalvo.com/spa/prod/images/content-bg2.png') repeat-y left top;}

/* Left
-------------------------------------------------------------------------------------------*/
#left {float:left; width:686px; background:url('/charte/www.arvalvo.com/spa/prod/images/corner.gif') no-repeat right top;}

#header .bloc {clear:both;}

#mainNav {float:left; padding-left:22px; font-weight:bold; text-transform:uppercase;}
#mainNav li {float:left;}
#mainNav a {display:block; margin-right:18px; padding:7px 8px 0 0; color:#4f4f4f;}
#mainNav a:hover,#mainNav li.active a {color:#b8b8b8; background:url('/charte/www.arvalvo.com/spa/prod/images/light-corner.gif') no-repeat right top;}

#content {clear:both; padding:10px 8px 10px 17px;}
#content h1, #content h2 {color:#c30;}
#content h1.whiteArrow, #content h1.greyArrow {margin-bottom:16px; border-bottom:1px solid #e1e1e1;}
#content h2.whiteArrow, #content h2.greyArrow  {font-size:18px; line-height:18px;}

#content h2.bTitle {font-size:18px; line-height:18px;}

#content .column {min-height:1px;}
#content .column.left {padding:0 18px; width:364px;}
#content .column.right {padding-right:15px; width:245px;}
#content .column.right .bContent {text-align:justify;}
#content .column.right .imgLeft .bContent,#content .column.right .imgLeft .bImage,
#content .column.right .imgTop .bContent,#content .column.right .imgTop .bImage,
#content .column.right .imgRight .bContent {padding-left:20px;}
#content .column.right .imgLeftCol table, #content .column.right .imgRightCol table {margin-left:20px;}

.news #content .column.left {padding:0; width:170px;}
.news #content .column.left li a {display:block; padding-left:15px; font-size:12px; background:url('/charte/www.arvalvo.com/spa/prod/images/small-grey-arrow.gif') no-repeat left 2px;}
.news #content .column.left li a:hover {background-image:url('/charte/www.arvalvo.com/spa/prod/images/small-red-arrow.gif');}
.news #content .column.right {width:445px; max-height:445px; overflow:auto;}
.news #content .column.right p {margin-left:20px; text-align:justify;}
.news #content .column.right img {float:left; margin-left:20px; padding-right:4px;}

.standard #content .bloc {margin-bottom:10px;}

/* Homepage
-------------------------------------------------------------------------------------------*/
#content .listOffer {margin-bottom:10px; padding:0 0 10px 23px; border-bottom:1px solid #e1e1e1; }
#content .listOffer div {max-height:225px; overflow:auto;}
#content .listOffer .offer {clear:both; margin:0; border-top:1px dashed #cbcbcb;}
#content .listOffer .offer.first {border:none;}
#content .listOffer .offer a{display:block; padding:7px; height:41px; overflow:hidden; text-indent:-1px;}
#content .listOffer .offer a.left {width:281px;}
#content .listOffer .offer a.right {width:312px;}
#content .listOffer .offer img {float:left; margin-right:14px; border:1px solid #7a786a;}
#content .listOffer .offer span.car {display:block; padding-top:5px; font-size:12px; line-height:8px; text-transform:uppercase;}
#content .listOffer .offer span.link {display:block; float:left; padding-left:18px; font-weight:bold; font-size:9px; color:#fff; text-transform:uppercase; background:url('/charte/www.arvalvo.com/spa/prod/images/button-offer-left.jpg') no-repeat left top; cursor:pointer;}
#content .listOffer .offer span.link span {display:block; float:left; padding:0 10px 0 2px; height:13px; line-height:12px; background:#99bbdb url('/charte/www.arvalvo.com/spa/prod/images/button-offer-right.jpg') no-repeat right top; cursor:pointer;}
#content .listOffer .offer a:hover {background-color:#f0f0f0;}
#content .listOffer .offer a:hover img {border-color:#c30;}
#content .listOffer .offer a:hover span.link {background-position:left bottom;}
#content .listOffer .offer a:hover span.link span {background-position:right bottom; background-color:#c30;}

.homepage #content h1.whiteArrow {margin-bottom:10px;}
.homepage #content  .bloc {float:left; width:215px; padding-right:5px;}
.homepage #content  .imgLeft .bContent, .homepage #content  .imgLeft .bImage, 
.homepage #content  .imgTop .bImage, .homepage #content  .imgTop .bContent,
.homepage #content  .imgRight .bContent {padding-left:20px;}
.homepage #content  .imgLeftCol table, .homepage #content  .imgRightCol table{margin-left:20px;}

/* Right
-------------------------------------------------------------------------------------------*/
#right {float:right; padding-top:7px; width:234px;}
#right hr {margin:14px auto 6px;width:202px;}
#right h2.bTitle {margin:0 12px; color:#767676;}
#right .imgTop .bContent, #right .imgTop .bImage {padding:0 12px;}
#right .imgLeft .bContent,#right .imgRight .bContent{padding:0 12px;}
#right .imgLeft .bImage {padding-left:12px;} 
#right .imgRight .bImage {padding-right:12px;} 
#right .imgLeftCol table, #right .imgRightCol table {margin:0 12px;}

#language {margin-bottom:10px; padding:0 2px; text-align:center;}
#language li {display:inline; }
#language li:after {content:" - ";}
#language li.last:after {content:"";}
#language li.active a  {color:#c30;}

#connection input {display:block; margin-bottom:3px; padding:2px 5px; width:170px; font:12px Trebuchet MS,Arial,Helvetica,sans-serif; color:#4f4f4f;}
#connection input.password {float:left; margin-right:3px; width:137px;}
#connection input.submit {float:left; padding:0; width:30px; height:24px;}

#manufacturer li {display:inline; line-height:18px; text-transform:uppercase;}
#manufacturer li a {color:#a9c6f4;}
#manufacturer li a:hover {color:#4f4f4f;}

/* Footer
-------------------------------------------------------------------------------------------*/
#footer {margin:0 251px 0 17px; padding-top:6px; border-top:1px solid #e1e1e1;}
#footer ul {padding-top:6px;}
#footer li {display:inline;}
#footer li:after {content:" | ";}
#footer li.last:after {content:"";}
#footer p {clear:both; margin:0; color:#868686;}

/* Contact
-------------------------------------------------------------------------------------------*/
#contact {padding-left:20px; width:600px;}
#contact p {clear:both; float:left; width:100%;}
#contact label {float:left; width:175px; font-size:14px;}
#contact input {float:left; padding:2px 5px; width:245px;}
#contact select {float:left; width:259px;}
#contact textarea {float:left; padding:2px 5px; width:350px; height:171px;}
#contact button {clear:both; float:left; margin:7px 0 5px 175px; padding:0 1px 1px 0; border:none; background-color:transparent; cursor:pointer; text-transform:uppercase; color:#4f4f4f;}
#contact button span {display:block; float:left; padding-left:27px; height:26px; line-height:26px; background: url('/charte/www.arvalvo.com/spa/prod/images/grey-button-left.png') no-repeat left top; font-weight:bold; white-space:nowrap;}
#contact button span span { padding:0 16px 0 0; background:url('/charte/www.arvalvo.com/spa/prod/images/grey-button-right.png') no-repeat right top;}
#contact button span span span {margin-top:0; padding:0; background:url('/charte/www.arvalvo.com/spa/prod/images/grey-button-bg.png') repeat-x left top;}
#contact .legend {margin-left:178px;}

#main-error {display:none; padding-left:25px; color:#ff0000; font-weight:bold; font-size:14px; background:transparent url('/charte/www.arvalvo.com/spa/prod/images/main-error.gif') no-repeat top left;}
.error {display:none; float:left; margin-left:180px; width:390px; font-size:11px; color:#ff0000;}

/* Carte du site
---------------------------------------------------------------------------------------------*/
ul.site-map li {margin:5px 20px; list-style:square; font-size:12px;}

/* Print
-----------------------------------------------------------------*/
@media print {
}