/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{margin:0;padding:0;}

/*Structured layout mainpage*/
body{font-size:12px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;position:relative;background:#F4F4F4 url(../images/v3bg.png) repeat-x 0 0;color:#666;}
.v3wrapper{ width:100%;position:relative;display:table;}
#v3top{position:relative;width:961px;margin:10px auto 0;background-color:#FFF;padding:0 7px;}
#v3footer{position:relative;width:955px;margin:0 auto 50px;background-color:#FFF;padding:0 10px;}


/************************************************************************
HEAD AREA
*************************************************************************/

#v3head{height:150px;}

/*logo*/
#v3top .v3logo, .v3logo a{height:55px;width:212px;display:block;position:absolute;left:14px;top:14px;border: none;padding: 0;margin:0;overflow: hidden;}
#v3top .v3logo a, #v3top .v3logo a:hover{top:0;left:0;outline:none;border: none;}
#v3top .v3logoBg a{text-indent:-9999px;background:transparent url(../images/v3mathon-fr.png) no-repeat left top;}

/*espaceClient*/
#v3espaceClient {position:absolute;right:202px;top:27px;margin:0;width:275px;height:33px;}
#v3espaceClient {color:#CCC;}
#v3espaceClient a {color:#666;}
#v3espaceClient a span {color:#333; font-weight:bold;}
#v3espaceClient a:hover {text-decoration:underline;}

/*bienvenue*/
.v3bienvenue {color:#9c0; font-size:12px;position:absolute; top:8px; right:177px; width:300px;font-style:italic;}
.v3bienvenue span, .v3bienvenue span a {color:#CCC;}

/*espacePanier*/
#v3espacePanier {position:absolute;right:22px;top:27px;margin:0;width:185px;text-align:right;}
#v3espacePanier a {color:#9c0; font-style:italic;}
#v3espacePanier a span {font-weight:bold; text-transform:uppercase;font-style:normal;}
#v3espacePanier a:hover {text-decoration:underline;}

/*recherches*/
.v3recherches {position:absolute;right:10px;top:51px;margin:0;width:457px;height:32px;padding:6px 10px 0;background:#FFF url(../images/v3bg-recherches.png) no-repeat 0 0; color:#808080;}
.v3recherches a {color:#808080; text-decoration:underline; font-weight:bold}
.v3recherches .v3searchBoxWM {vertical-align:middle; width:180px; height:20px; padding:1px 5px 0 20px; border:none;background:#fff url(../images/v3input-recherche.png) no-repeat 0 0; color:#CCC !important}
.v3recherches .v3searchBox {vertical-align:middle; width:180px; height:20px; padding:1px 5px 0 20px; border:none;background:#fff url(../images/v3input-recherche.png) no-repeat 0 0; color:#333;}
.v3recherches .v3searchButton {vertical-align:middle; width:23px; height:21px; cursor:pointer;}
.v3recherches span {padding-left:6px; vertical-align:middle;}

/*menu 1*/
#v3menu1{position: absolute;left:10px;top:83px;list-style-type: none;list-style-position: outside;margin:0;width:955px;border-top:#ebebeb solid 1px;}
#v3menu1 li{float: left;}
#v3menu1 li a{float:left;padding:6px 8px 0 17px;border: none;text-decoration: none;outline: none;font-size: 13px;color:#86B300;}
#v3menu1 li a:hover{color:#690;}
#v3menu1 li a img {padding-top:3px;}

/*menu 2*/
#v3menu2{position: absolute;left:7px;top:115px;list-style-type: none;list-style-position: outside;margin:0; width:951px; height:34px; padding:0 5px;background:#FFF url(../images/v3menu2.png) no-repeat 0 0;}
#v3menu2 li{float: left;height:34px}
#v3menu2 li a{float:left;padding:6px 17px 0;border: none;text-decoration: none;outline: none;font-size: 13px;font-weight:bold;color:#fff;}
#v3menu2 .v3currentItem a, #v3menu2 li a:hover{color:#333;}

/*sous menu*/
#v3menu2 ul {display:none;position:absolute;top:31px;width:220px;border:#A4A4A4 solid 1px;border-top:#A0A0A0 solid 1px;background-color:#F7F7F7;margin:0;padding:5px 0;list-style-type:none;list-style-position:outside;z-index:1;}
#v3menu2 li ul a{color:#676767;font-weight:normal; width:200px;height:100%;float:left;text-align:left;padding:2px 10px; font-size:12px;	}
#v3menu2 li ul a:hover{background-color:#E7E7E7;}
#v3menu2 li ul li{float: left;height:auto}
#v3menu2 li:hover ul {display:block}


/************************************************************************
breadComb AREA
*************************************************************************/

#v3breadComb{margin:0 auto;width:923px; height:24px; padding:6px 0 1px; font-weight:bold; font-size:11px;	}
#v3breadComb span {font-weight:normal;}
#v3breadComb span a {color:#666; text-decoration:underline;}
#v3breadComb span a:hover {text-decoration:none;}


/************************************************************************
MAIN AREA
*************************************************************************/

#v3main {padding:0 0 50px;width:955px;position: relative;margin: 0 auto;overflow: hidden;}
.v3box {position:relative;float:left;overflow: hidden;}
.v3boxS1 {width:955px;padding-bottom:10px;}
.v3boxS2 {width:239px;}
.v3boxS3 {width:238px;}


/************************************************************************
SIDEBAR AREA
*************************************************************************/

#v3sidebar {width:238px; float:left; margin:0 10px 0 0; background-color:#F3F3F3;}

/* titre */
#v3sidebar h2 {height:40px; background:#FFF url(../images/v3bg-categorie.png) no-repeat 0 0; font-size:22px; color:#FFF; font-weight:normal; text-transform:uppercase; padding:10px 15px 0 15px;}

/* liste */
#v3sidebar ul {margin:0;padding:10px 0 20px 0;list-style-type:none;list-style-position:outside;}
#v3sidebar ul a{color:#666666; display:block;text-align:left;padding:2px 10px 2px 15px; font-size:12px;}
#v3sidebar ul a:hover, #v3sidebar .v3currentItem a{background:#f3f3f3 url(../images/v3arrow.png) no-repeat 6px 8px; color:#9c0;}



/************************************************************************
CONTENT AREA
*************************************************************************/

#v3content {width:707px; float:left; margin:0; background-color:#FFF;}

/* titre */
#v3content h3 {font-size:18px; color:#666; font-weight:bold; padding:35px 0 5px 5px; text-transform:uppercase; border-bottom:#EFEFEF solid 3px;}
#v3content h4 {height:38px; font-size:22px; color:#9c0; font-weight:normal; padding:10px 15px 0 10px; }

/* listOptions */
#v3content .v3listOptions {height:30px; background:#FFF url(../images/v3bg-list-options.png) no-repeat 0 0; color:#666; font-size:11px; font-weight:bold; padding:5px 10px 0; text-transform:uppercase;}
#v3content .v3listOptions .v3sort {float:left;}
#v3content .v3listOptions .v3resultNumber {float:right;}
.v3sort select, .v3sort select option, .v3resultNumber select, .v3resultNumber select option {font-size:11px; color:#666; text-transform:uppercase; vertical-align:middle;}

/* listPagination */
.v3listPagination {height:27px; padding:0 0 13px 0; font-size:12px; border-bottom:#efefef solid 1px;}

.v3listResults {float:left; color:#999; font-size:13px; padding:10px 0 0 10px;}

.v3pageSelection{float:right; padding:10px 10px 0 0;}
.v3pageSelection .v3pagePrev {text-align:right;}
.v3pageSelection .v3pagePrev a {font-weight:bold; color:#9c0; text-transform:uppercase; padding:0 10px 0 15px; background:#FFF url(../images/v3page-prev-on.png) no-repeat 4px 4px;}
.v3pageSelection .v3pagePrev a.v3pagePrevOff, .v3pageSelection .v3pagePrev a.v3pagePrevOff:hover {color:#ccc; background:#FFF url(../images/v3page-prev-off.png) no-repeat 4px 4px; text-decoration:none; cursor:default;}
.v3pageSelection .v3pageNext {text-align:left;}
.v3pageSelection .v3pageNext a {font-weight:bold; color:#9c0; text-transform:uppercase; padding:0 15px 0 10px; background:#FFF url(../images/v3page-next-on.png) no-repeat 62px 4px;}
.v3pageSelection .v3pageNext a.v3pageNextOff, .v3pageSelection .v3pageNext a.v3pageNextOff:hover {color:#ccc;background:#FFF url(../images/v3page-next-off.png) no-repeat 62px 4px; text-decoration:none; cursor:default;} 
.v3pageSelection .v3pagePrev a:hover, .v3pageSelection .v3pageNext a:hover {text-decoration:underline;}
.v3pageSelection .v3pageNumber {text-align:center}
.v3pageSelection .v3pageNumber a {padding:0px 5px; color:#999; border:#fff solid 1px;}
.v3pageSelection .v3pageNumber a:hover, .v3pageSelection .v3pageNumber a.v3pageActive {border-color:#ccc;}

/* liste produits */
#v3content table.v3listeProduits {width:705px; }
#v3content table.v3listeProduits td {text-align:left; background:#FFF url(../images/grey-line.png) repeat-x bottom left;}
#v3content table.v3listeProduits td:hover {background:#FFF url(../images/green-line.png) repeat-x bottom left;}
#v3content table.v3listeProduits td a.v3itemLink {color:#969696;cursor:pointer;margin:0;text-align:left;vertical-align:top;}
#v3content table.v3listeProduits td a.v3itemLink ul {list-style-type:none;list-style-position:outside; padding:10px 10px 20px;}

/* article */
#v3content .v3itemPicture img {display:block; margin:0 0 10px 0;}
#v3content .v3itemBrand {font-size:10px; color:#999; text-transform:uppercase;}
#v3content .v3itemName {font-size:12px; color:#666; font-weight:bold;line-height:14px;}
#v3content .v3itemPrice {font-size:14px;padding:2px 0;}
#v3content .v3itemPrice .v3prixBarre {color:#000; text-decoration:line-through;}
#v3content .v3itemPrice .v3prixPromo {color:#c00;}
#v3content .v3itemPrice .v3prixVente {color:#000;}
#v3content .v3itemPrice .v3montantReduction {font-size:11px; color:#FFF; font-weight:bold; background-color:#c00; line-height:14px; padding:0 2px;}
#v3content .v3itemReference {font-size:10px; color:#CCC; text-transform:capitalize; display:none;}
#v3content .v3itemNote {}
#v3content .v3itemStock {font-style:italic; font-size:11px; padding:7px 0 0 0;}
#v3content .v3itemCart { color:#000; font-weight:bold; text-decoration:underline; padding:7px 0 0 0;}



/************************************************************************
FOOTER AREA
*************************************************************************/

#v3footer {font-size:11px;}

/*societe*/
#v3societe {position: absolute;left:10px;top:113px;margin:0;width:940px;border-bottom:#E6E6E6 solid 1px;padding:0 0 10px 15px;color:#E6E6E6;}
#v3societe a {color:#999;}
#v3societe a:hover {text-decoration:underline;}

/*reseaux*/
.v3twitter {position: absolute;right:167px;top:113px;margin:0;background:#FFF url(../images/v3twitter.png) no-repeat 0 0; color:#999;display:block; height:16px;width:140px;padding:0 0 0 20px;}
.v3twitter:hover {background-position:0 -16px; color:#33CCFF;padding:0 0 0 20px;}
.v3facebook {position: absolute;right:13px;top:113px;margin:0;background:#FFF url(../images/v3facebook.png) no-repeat 0 0; color:#999;display:block; height:16px;width:140px;padding:0 0 0 20px;}
.v3facebook:hover {background-position:0 -16px; color:#3B5998;padding:0 0 0 20px;}

/*services*/
#v3services {position: absolute;left:10px;top:160px;margin:0;width:940px;border-bottom:#E6E6E6 solid 1px;padding:0 0 10px 15px;color:#E6E6E6;}
#v3services a {color:#999;font-weight:bold;}
#v3services a:hover {text-decoration:underline;}

/*newsletter*/
.v3newsletter {position:absolute;right:10px;top:152px;margin:0;width:457px;height:32px;padding:6px 15px 0; text-align:right;color:#9c0;font-weight:bold;}
.v3newsletterBoxWM {vertical-align:middle; width:180px; height:20px; padding:1px 5px 0 20px; border:none;background:#fff url(../images/v3input-newsletter.png) no-repeat 0 0; color:#CCC !important;}
.v3newsletterBox {vertical-align:middle; width:180px; height:20px; padding:1px 5px 0 20px; border:none;background:#fff url(../images/v3input-newsletter.png) no-repeat 0 0; color:#333;}
.v3newsletterButton {vertical-align:middle; width:23px; height:21px; cursor:pointer;border:0;background:url('../images/v3input-ok.png') no-repeat}

/*fevad*/
#v3fevad {color:#999; padding:123px 0 30px;text-align:center; font-size:12px;}
#v3fevad img {vertical-align:bottom;}

/*introduction*/
.v3introduction {color:#CCCCCC; padding-bottom:20px;text-align:center;}
.v3introduction strong {font-weight:bold;}
.v3introduction a {color:#CCC}


/************************************************************************
GENERIC
*************************************************************************/

.v3wrapper a{text-decoration:none;}
.v3wrapper a:hover{text-decoration:none;}
a img, a:hover img{border:none;text-decoration:none;position: relative;outline: none;}
input, select, textarea{font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;position:relative;outline: none;}