@charset "utf-8";

div.header {
	margin: 20px auto 0 auto;
	width: 980px;
	height: 165px;
	background: url(./images/template/header.jpg) top left no-repeat #3b8ecf;
}

div.content {
	margin: 0 auto 0 auto;
	width: 980px;
	color: #00577b;
	font-size: 10pt;
	background: url(./images/template/fix_background.gif) top left repeat-x #ffffff;
}

/**
 * COLUMNLEFT
 */

div.columnLeft {
	float: left; 
	width: 200px; 
	margin: 0; 
	padding: 0; 
	background: #ffffff;
}

div.search {
	padding: 20px 0 10px 15px;
	color: #0081b6;
	background: url(./images/template/search.gif) top right no-repeat #cff1ff;
}

div.search label {
	display: block;
	padding: 0 0 5px 0;
	color: #0081b6;
	font-weight: bold;
}

div.search input[type=text] {
	padding: 1px;
	color: #0081b6;
	width: 143px;	
	border: 0;
	border: 1px solid #cff1ff;
}

div.search input[type=text]:hover, 
div.search input[type=text]:focus {
	border: 1px solid #0081b6;
}

div.search input[type=image] {
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
}

div.menuTop {
	height: 25px;
	background: url(./images/template/menu_top.gif) top right no-repeat #ffffff;
}

div.menu {
	padding: 0 0 25px 15px;
	font-weight: bold;
	background: url(./images/template/menu_bottom.gif) bottom right no-repeat #ffffff;
}

div.menuBottom {
	height: 18px;
	background: url(./images/template/menu_blue_bottom.gif) bottom right no-repeat #b6dff3;
}

/**
 * COLUMNRIGHT
 */

div.columnRight {
	float: right; 
	width: 195px; 
	margin: 0; 
	padding: 0 0 25px 0; 
	background: url(./images/template/right_bottom.gif) bottom left no-repeat #dff6ff;
}

div.columnRight div.rightRoundTop {
	height: 18px;
	background: url(./images/template/right_top.gif) top left no-repeat;
}

div.columnRight div.basketArea {
	margin: 0;
	background: url(./images/template/basket.gif) top left repeat-y #ffffff;
}

div.columnRight div.basketPanel_top {
	padding: 35px 0 0 10px;
	background: url(./images/template/basket_top.gif) top left no-repeat;
}

div.columnRight div.basketPanel {
	min-height: 100px;
	padding: 0 0 0 20px;
	color: #005c82;	
	background: url(./images/template/basket_middle.gif) top left repeat-y;
}

div.columnRight div.basketPanel h1 {
	margin: 0;
	font-size: 120%;
	color: #005c82;
}

div.columnRight div.basketPanel div.basketItems {
	padding: 0 10px 0 0;
}

div.columnRight div.basketPanel div.basketItems a {
	color: #005c82;
}

div.columnRight div.basketPanel div.basketItems span.item {
	margin: 10px 0 0 0;
	display: block;
}

div.columnRight div.basketPanel div.basketItems span.price {
	display: block;
	text-align: right;
}

div.columnRight div.basketPanel div.basketTotal {
	margin: 10px 0 15px 0;
	padding: 5px 10px 0 0;
	text-align: right;
	font-size: 105%;
	font-weight: bold;
	border-top: 1px solid #005c82;
}

div.columnRight div.basketPanel a.basketView {
	color: #005c82;
}

div.columnRight div.basketPanel_bottom {
	margin: 0 0 8px 0;
	height: 12px;
	background: url(./images/template/basket_bottom.gif) bottom left no-repeat;
}

div.columnRight big {
	font-weight: bold;	
}

div.columnRight div.green, div.columnRight div.yellow, div.columnRight div.red, div.columnRight div.blue {
	padding: 0 10px 25px 35px;
	margin: 0 0 0 10px;
}

div.columnRight div.blockSeparatorGreen {
	margin: 4px 0 0 10px;
	height: 18px;
	background: url(./images/template/green_top.gif) bottom left no-repeat #4cae54;
}

div.columnRight div.blockSeparatorYellow {
	margin: 4px 0 0 10px;
	height: 18px;
	background: url(./images/template/yellow_top.gif) bottom left no-repeat #ffd200;
}

div.columnRight div.blockSeparatorRed {
	margin: 4px 0 0 10px;
	height: 18px;
	background: url(./images/template/red_top.gif) bottom left no-repeat #ff0000;
}

div.columnRight div.blockSeparatorBlue {
	margin: 4px 0 0 10px;
	height: 18px;
	background: url(./images/template/blue_top.gif) bottom left no-repeat #0199ab;
}

div.columnRight div.green {
	color: #ffffff;
	background: url(./images/template/green_bottom.gif) bottom left no-repeat #4cae54;
}

div.columnRight div.yellow {
	color: #ffffff;
	background: url(./images/template/yellow_bottom.gif) bottom left no-repeat #ffd200;
}

div.columnRight div.red {
	color: #ffffff;
	background: url(./images/template/red_bottom.gif) bottom left no-repeat #ff0000;
}

div.columnRight div.blue {
	color: #ffffff;
	background: url(./images/template/blue_bottom.gif) bottom left no-repeat #0199ab;
}

/**
 * COLUMNCENTER
 */

div.columnCenter {
	margin: 0px 195px 0 200px; 
	padding: 0; 
}

div.horizontal {
	display: block;
	height: 75px;
	background: url(./images/template/horizontal.gif) top left repeat-x #3b8ecf;	
}

div.horizontal ul {
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
}

div.horizontal ul li {
	float: left;
	width: 113px;
	margin: 30px 0 0 2px;
	vertical-align: baseline;
	text-align: center;
	padding: 0;
}

div.horizontal ul li a {
	display: block;
	padding: 10px 5px 0 5px;
	height: 35px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background: url(./images/template/menu_horizontal.gif) top right no-repeat;	
}

div.horizontal ul li a:hover {
	color: #00577b;
	background: url(./images/template/menu_horizontal.gif) top left no-repeat;
}

div.title {
	padding: 10px 10px 20px 10px;
	background: url(./images/template/separator.gif) bottom left no-repeat #cff1ff;
}

div.title h1 {
	margin: 0 5px;
	font-size: 125%;
}

div.filters {
	padding: 8px 0;
	color: #ffffff;
	background: #00577b;
}

div.filters table {
	width: 550px;
	margin: 0 auto;
	border-spacing: 0;
	border-collapse: collapse;
}

div.filters div.filtersCriteria table {
	width: 550px;
	margin: 0 auto 5px auto;
	border-spacing: 10px;
	border-collapse: separate;
}

div.filters div.filtersCriteria label, div.filters div.filtersCriteria select {
	display: block;
	width: 100%;
}

div.filters div.filtersCriteria label {
	font-weight: bold;
}

div.filters table td.gallery {
	width: 200px;
	vertical-align: top;
}

div.filters table td.informations {
	padding: 0 0 0 10px;
	vertical-align: top;
}

div.filters div.text {
	margin: 0;
	padding: 0 15px;	
}

div.nothing {
	padding: 12em 0 0 0;
	text-align: center;	
}

table.productRepeater {
	display: block;
	border-collapse: collapse;
}

table.productRepeater tr td.bottomSeparator {
	border-bottom: 2px solid #b6dff3;	
}

table.productRepeater td.illustration {
	padding: 10px 5px 10px 30px;
	width: 195px;
}

table.productRepeater td.illustration a img {
	border: 1px solid #b6dff3;
}

table.productRepeater td.illustration a:hover img {
	border: 1px solid #00587a;
}

table.productRepeater td.description {
	padding: 10px 30px 10px 10px;
	width: 313px;
	vertical-align: top;
}

table.productRepeater td.description h2 {
	margin: 0 0 5px 0;	
	display: block;
	color: #0380b8;
	font-size: 110%;
}

table.productRepeater td.description h2 a {
	text-decoration: none;
	color: #0380b8;
}

table.productRepeater td.description h2 a:hover {
	color: #00587a;
}

table.productRepeater td.description div.price {
	color: #4dad54;
	font-size: 105%;
	font-weight: bold;
}

table.productRepeater td.description div.text {
	padding: 10px 0 0 0;
}

table.productRepeater td.description div.text p {
	margin: 0 0 0.5em 0;
}

table.productRepeater td.description div.price div.oldPrice {
	display: inline;
	margin: 0 0.5em 0 0;
	color: #fe0000;
	text-decoration: line-through;
}

table.basketRepeater {
	margin: 25px auto 25px auto;
	width: 575px;
	border-collapse: collapse;
	border-spacing: 0;
}

table.basketRepeater th {
	color: #ffffff;
	background: #00577b;
}

table.basketRepeater tr.pair {
	background: #deebf5;
}

table.basketRepeater tr.impair {
	background: #edf3f8;
}

table.basketRepeater td {
	padding: 5px 2px 2px;
}

table.basketRepeater tr.separator td {
	padding-top: 10px;	
	border-top: 2px solid #00577b;
}

table.basketRepeater a {
	color: #00577b;	
}

table.basketRepeater td.total {
	padding-right: 16px;	
}

table.basketRepeater td.quantity {
	width: 60px;
}

table.basketRepeater td.quantity input.number {
	width: 33px;
	text-align: center;
}

table.basketRepeater td.quantity input.refresh {
	vertical-align: text-bottom;
}

table.basketRepeater td.vat {
	width: 70px;
	text-align: right;
}

table.basketRepeater td.amount {
	width: 90px;
	text-align: right;	
}

table.basketRepeater td.action {
	padding-left: 5px;
	width: 16px;
}

div.basketLinks {
	margin: 25px auto 0 auto;
	width: 570px;
}

div.basketLinks a, div.basketLinks input {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
}

div.basketLinks a.previousPage {
	display: block;
	padding-left: 45px ;
	float: left;
	width: 236px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background: url(./images/template/return.gif) center left #3988c7;
}

div.basketLinks a.nextPage {
	display: block;
	margin: 0 0 0 286px;
	padding-right: 45px;
	width: 236px;
	text-align: right;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background: url(./images/template/go.gif) center right #3988c7;
}

div.basketLinks input.nextPage {
	display: block;
	margin: 0 0 0 286px;
	padding-right: 45px;
	width: 281px;
	text-align: right;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background: url(./images/template/gogogo.gif) center right #ff012d;
}

div.articleSpecification h2, div.articleContent h2, div.articleNote h2 {
	margin: 1em 0 0.2em 0;
	font-size: 105%;
}

div.articleSpecification p, div.articleContent p, div.articleNote p {
	margin: 0 0 1em 0;
}

div.articleContent, div.articleNote {
	padding: 15px 15px 0 15px;
}

div.articleSpecification {
	padding: 0 15px;
}

div.articleSpecification table {
	width: 550px;
	margin: 0 auto;
	border-collapse: collapse;
	border-top: 2px solid #00577b;
}

div.articleSpecification table td {
	padding: 5px 10px;	
}

div.articleSpecification table td.label {
	width: 40%;
	padding-right: 1em;
}

div.articleSpecification table td.special {
	padding-left: 50px;
	font-weight: bold;
	color: #ffffff;
	background: #00577b;
}

div.articleSpecification table td.alternate0 {
	background: #deebf5;
}

div.articleSpecification table td.alternate1 {
	background: #edf3f8;
}

.basket {
	height: 1em;
	padding: 0 0 0 10px;
	vertical-align: top;
	text-align: right;
}

.basket td {
	padding: 0 15px 12px 0;
}

.basket input.minus {
	margin-right: 0; 
}

.basket input.number {
	margin-left: 0;
	margin-right: 0;
	width: 2em;
	text-align: center;
}

.basket input.plus {
	margin-left: 0;
}

div.informations table {
	margin: 25px auto 0 auto;
	width: 480px;	
}

div.informations fieldset table {
	margin: 0 auto 0 auto;
}

div.informations table input, div.informations table select, div.informations table textarea {
	width: 99%;	
}

.radioButton {
	display: block;
}

fieldset {
	margin: 10px 10px 0 10px;
	border: 1px solid #3988c7;
}


fieldset table {
	margin: 0 auto;	
}

fieldset legend {
	font-weight: bold;	
}

div.informations table input[type=checkbox], div.informations table input[type=radio] {
	width: auto;
}

div.informations .datepicker * {
	width: auto;	
}

div.informations td {
	vertical-align: top;
}

div.informations label {
	margin: 10px 0 0 0;	
	font-weight: bold;
}

div.informations .captcha input {
	display: inline;
	width: 125px;
}

div.informations table table {
	width: auto;
}

div.buttons {
	padding: 0 50px 0 0;
	text-align: right;		
}

/**
 * PAGE D'ACCUEIL
 */

div.columnCenterHomepage {
	margin: 0px 195px 0 200px; 
	padding: 0; /*
	background: url(./images/template/homepage.gif) top left repeat-x;*/
}

div.productsHomepage {
	padding: 0;
	/*padding: 0 0 10px 0;
	background: url(./images/template/separator.gif) bottom left no-repeat #cff1ff;*/
}

div.productsHomepage a, div.productsHomepage img, div.productsHomepage h1 {
	margin: 0;
	padding: 0;
	text-align: right;
}

div.columnRightHomepage {
	float: right; 
	width: 195px; 
	margin: 0; 
	padding: 0 0 0 0; 
	background: url(./images/template/basket_homepage.gif) top left no-repeat #ffffff;
}

div.homepageBoxes {
	margin: 0px 0 0 200px; 
	width: 777px;
	text-align: center;	
}

* > div.homepageBoxes {
	width: 780px;
}

* > div.homepageBoxes img {
	width: 780px;	
}

div.columnRightHomepage h1 {
	display: none;	
}

div.columnRightHomepage div.basketHomepage {
	padding: 26px 0 0 0;
	height: 200px;
}

* > div.columnRightHomepage div.basketHomepage {
	min-height: 200px;
	height: auto;
}

div.columnRightHomepage div.basketPanel div.basketItems {
	padding: 0 0 0 0;
}

div.columnRight div.basketPanel div.basketItems a {
	color: #005c82;
}

div.columnRightHomepage div.basketPanel div.basketItems span.item {
	margin: 10px 0 0 0;
	display: block;
}

div.columnRightHomepage div.basketPanel div.basketItems span.price {
	display: block;
	text-align: right;
}

div.columnRightHomepage div.basketPanel div.basketTotal {
	margin: 10px 0 15px 0;
	padding: 5px 10px 0 0;
	text-align: right;
	font-size: 105%;
	font-weight: bold;
	border-top: 1px solid #005c82;
}

div.columnRightHomepage div.basketNumber {
	padding: 5px 3px;
}

div.columnRightHomepage div.basketPanel{
	padding: 0 0 0 25px;
}

div.columnRight div.basketHomepage * {
	background: none;
}

div.productsHomepage img {
	width: 193px;		
}

* > div.productsHomepage img {
	width: 195px;		
}

/**
 * FOOTER
 */
 
div.footer {
	margin: 0 auto 1em auto;
	width: 980px;
	background: #004a68;
}

div#footerSeparator {
	height: 66px;
	background: url(./images/template/bottom.gif) bottom right no-repeat #ffffff;
}

div#footerLinks {
	color: #63bce6;	
	margin: 0;
	padding: 3px 0 0 0;
	font-size: 11px;
	text-align: left;
}

div#footerLinks ul {
	display: inline;
	padding: 0;
	list-style: none;
}

div#footerLinks ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

div#footerLinks ul li:after {
	margin: 0;
	padding: 0;
	content: "|";
}

div#footerLinks a {
	padding: 0 3px;
	color: #63bce6;	
	text-decoration: none;
}

div#footerLinks a.haryg {
	color: #10acec;
	font-weight: bold;
}

div#footerLinks a.top {
	margin: 0;
	padding: 0;
	height: 11px;
	width: 11px;
	vertical-align: text-bottom;
	background: url(./images/template/top.gif) top right no-repeat;
}

div#footerLinks a.top:hover {
	background: url(./images/template/top.gif) top left no-repeat;
}

div#footerLinks a:hover {
	color: #9ce2ff;
}