﻿html, body, div, p, ul, ol, dl, dd, dt, li, img, form, fieldset, input, textarea, select, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}

body {font-family: Arial, Verdana; font-size: 0.75em; background-color: #fff; color: #000;}
a {color: #5CC151; text-decoration: none;}
a:hover {color: #76316D;}
.centre {width: 955px; margin: 0 auto;}

.banner {display: block; height: 100px; background-color: #61BD54; margin-top: 6px; color: #fff;}
.banner a {color: #fff;}
.banner h1 {height: 80px; background: url(../images/manuel_canovas.gif) no-repeat 50% 90%;}
.banner h1 span {display: none;}
.banner .languageSwitch {float: right; position: relative; top: -5px; left: -10px;}
.banner .languageSwitch:hover {text-decoration: underline;}

.navigation {background-color: #9DDA7A; margin-top: 6px; height: 40px;}
.navigation ul {width: 688px; margin: 0 auto; list-style-type: none;}
.navigation li {display: inline;}
.navigation li a {display: block; float: left; width: 172px; height: 40px; background-repeat: no-repeat;}
.navigation li a span {display: none;}
.navigation li a:hover {background-position: -172px 0;}

.navHome a {background-image: url(../images/navigation/accueil.gif);}
.navCollections a {background-image: url(../images/navigation/collections.gif);}
.navStockists a {background-image: url(../images/navigation/liste.gif);}
.navContact a {background-image: url(../images/navigation/nous.gif);}

.goBack {position: absolute; top: 480px;}

.content {height: 342px; margin-top: 6px;}
.leftCol {height: 342px; width: 474px; float: left;}
.rightCol {height: 342px; width: 474px; float: right;}
h2 {height: 35px; width: 414px; background-repeat: no-repeat; background-position: -12px 0; margin-top: 30px;}
h2 span {display: none;}
.content p {line-height: 1.5em; margin-bottom: 1em;}

.copyHeavy .leftCol {width: 310px;}
.copyHeavy .rightCol {width: 638px;}

.footer {border-top: 50px solid #5CC151; margin-top: 6px; padding-top: 6px; color: #5CC151; font-size: 0.9em;}
.footer ul {float: left; width: 800px;}
.footer li {display: inline;}
.footer li.red a {color: #76316D;}
.footer li.red a:hover {color: #5CC151;}
.footer p {float: right; width: 155px; text-align: right;}

h2.hMailingList {background-image: url(../images/mailing_list.gif);}

a.thumbLink {display: block; float: left; margin: 0 6px 6px 0; background-color: #000; color: #fff; text-align: center; height: 168px; line-height: 12px;}
a.thumbLink:hover {color: #5CC151;}
a.thumbLink p {background-color: Transparent;}
a.thumbLink img {float: left; border: 0; width: 100%; height: 147px; border-bottom: 1px solid #fff;}
a.thumbLink span {display: block; float: left; width: 100%; margin-top: 4px;}
.oneHalf {width: 231px;}
.oneThird {width: 152px;}
.twoThirds {width: 310px;}
.oneThirdCol {width: 158px;}
.imgFloat {float: left; display: inline;}
.imgFloat img {margin: 0 6px 6px 0;}

/* Contact */
.warning {color: #BC0000 !important;}
.content table {width: 430px;}
.content thead th {text-align: left; background-color: #9DDA7A; padding: 0 6px; height: 25px; border-bottom: 1px solid #fff;}
.content tbody th {width: 330px; text-align: left}
.content tbody th, .content td {padding: 0 6px; height: 25px; background-color: #eee; border-bottom: 1px solid #fff;}
.validation {display: block; float: right; width: 192px; border: 1px solid #BC0000; padding: 4px; font-size: 0.9em; font-weight: bold;}
.validation ul {margin-left: 20px; font-weight: normal;}
.note {margin: 10px 0 0 15px; font-size: 0.85em;}
