@CHARSET "UTF-8";

/****************************
*       DEBUG               *
*****************************/
div.debugW {
    position: fixed;
    top: 5px;
    left: 5px;
    width: 600px;
    height:470px;
    padding:5px;
    border: 1px solid #ccc;
    background: #FFF;
    z-index: 1000;

}

div.debugW pre{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000;
    width: 600px;
    height:450px;
    overflow:scroll;
    z-index: 1001;
}



/****************************
*       BROWSER RESET       *
*****************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img,abbr {
    border: 0;
}

address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var {
    font-weight: normal;
    font-style: normal;
}

ul {
    list-style: none;
}

caption,th {
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 1.0em;
}

q:before,q:after {
    content: '';
}

a,ins {
    text-decoration: none;
    color:inherit;
}

/*************************************
*     STYLE PAR DEFAUT DES BALISES   *
**************************************/
div, li, p, span, pre, input, td{
    /*font-size:12px;*/
}

a{
    color:#0d8abe;   
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
    display:block;
}

div.clearDiv {
    clear: both;
}

strong {
    font-weight: bold;
}

div#mainW .red{
    color:#C61F1F;   
}

div#mainW .blue{
    color:#0D8ABE;   
}
/****************************
*       SQUELETTE           *
*****************************/

body {
    background: #4f3a35 url(../images/layout/background.jpg) 50% top no-repeat;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#mainW {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

div#headerW {
    height: 159px;
    background: url(../images/layout/bg-header.jpg) 0 0 no-repeat;
    margin: 25px 0 0 0;
    position: relative;
}

div#contentW {
    background: url(../images/layout/bg-site-body.gif) 0 0 repeat-y;
    padding: 0 5px;
}

div#topMenuW{
    
}

div#topBoxesW {
    width: 970px;
    height: 100px;
    background: #fff;
}
div#topBoxesW a{
    color:#000;  
}
div#topBoxesW a:hover{
    color:#0D8ABE;
    text-decoration: none;
}

div#mainCol {
   float: left;
   width: 760px;
   padding:0 10px 10px 10px;
   _padding:0 5px 10px 5px;
   background: #fff ;
}


div#colW{
   background: url("../images/layout/bg-right-col.gif") 0 0 repeat-y; 
   position: relative;
   
   _position:inherit;

}

div#bottomCol{
    height:25px;
    background:#fff url("../images/layout/bottom-col.gif") 0 0 no-repeat;
    
}
div#topCol{
    height:25px;
    background: url("../images/layout/top-col.gif") 0 0 no-repeat;
}

div#mainColRight {
    float: right;
    width: 750px;
    margin:0 10px;
    _margin:0 5px;
}

div#rightCol {
    float: right;
    width: 185px;
}

div#leftCol {
    float: left;
    width: 200px;
}


div#mainColLarge {
    padding: 10px 10px 20px 10px;
}

div#corner {
    clear: both;
    height: 30px;
    background: url(../images/layout/bottom.jpg) 0 0 no-repeat;
}

div#footerW {
    margin: 10px 0 20px 0;
    height: 200px;
    padding-bottom: 30px;
}

/****************************
*         FIELDSETS         *
*****************************/

fieldset.styled {
    padding: 10px;
    border: 1px solid #cccccc;
}
fieldset.styled legend{
    color:#D33B1D;
    font-size:12px;
    font-weight:bold;
}

fieldset.sousTitre{
    border:0;
    border-top:1px dashed #CCCCCC;
    padding:10px;
    margin:20px 10px;
}
fieldset.sousTitre legend{
    color:#D33B1D;
    font-size:14px;
    font-weight:bold;
    margin:0 0 5px -10px;
    _margin:0 0 5px 0;
    padding:0 10px 0 0;
    background-color: #fff;
}

fieldset.fieldsetSouhait {
    border:1px solid #CCCCCC;
    margin:10px auto;
    padding:10px;
    width:250px;
    text-align:center;
}

fieldset.fieldsetSouhait legend {
    color:#D33B1D;
    font-size:12px;
    font-weight:bold;
}

/****************************
*         FORMULAIRES       *
*****************************/

div.formElement,div.formRadioElement, div.formBoxElement{
    margin:0 0 10px 0;   
}
div.formRadioElement label, div.formBoxElement label{
    cursor:pointer;   
    margin-right:10px;
    font-size:12px;
}


.labelElement{
    font-size:12px; 
    color:#707070;
    display:block;
}

.required{
    color:#000;
    font-weight:bold;
}


div.formElement input,
div.formElement select,
div.formElement textarea{
    border:1px solid #707070;
    padding:4px;   
    font-size:12px;
    height:16px;
    line-height:16px;
    width: 200px;
    background-color: #f5f5f5;
}
div.formElement input.focus,
div.formElement select.focus,
div.formElement textarea.focus{
    border:1px solid #D33B1D;
    background-color: #FFFFFF;
}

div.formElement textarea{
    width: 350px;
    height:200px;
}
div.formElement select{
    height: 26px;
    cursor: pointer;
    width: 210px;
}
div.formBoxElement input,
div.formRadioElement input{
    width: 12px;
    margin:0 5px 0 0;
}

ul.errors{
    padding:0 0 0 15px;
    background: url("../images/icones/error_small.gif") 0 3px no-repeat;
   
}
ul.errors li{
    font-size:11px;
    color:#e2001a;
}

p.description,p.hint {
    color:#535353;
    font-size:11px;
    font-style:italic;
    margin:2px 0 0 0;
}

p.legendeForm{
    font-size:11px;
    margin:10px;
    color:#000;
    font-weight: bold;   
}

input#DOB{
    background:#f5f5f5 url("../images/icones/calendar.gif") 98% 50% no-repeat;
    width: 180px;
    padding-right:24px;   
}
input#DOB.focus{
     border:1px solid #D33B1D;
    background-color: #FFFFFF;     
}

/****************************
*     MESSAGES ALERTES      *
*****************************/


.validationMessage {
    background: #d2ff7a url("../images/icones/ok_message.gif") 5px 50% no-repeat;
    border: 1px solid #8dd600;
    text-align: left;
    padding: 5px 5px 5px 30px;
    margin:20px 10px;
    font-size: 12px;
}

.errorMessage {
    background: #FFEBE8 url("../images/icones/error_message.gif") 5px 50% no-repeat;
    border: 1px solid #DD3C10;
    text-align: left;
    padding: 5px 5px 5px 30px;
    margin:20px 10px;
    font-size: 12px;
}

.informationMessage {
    background: #bdd0e6 url("../images/icones/information-b.gif") 5px 50%
        no-repeat;
    border: 1px solid #5b9cd6;
    text-align: left;
    padding: 5px 5px 5px 25px;
    margin:20px 10px;
    font-size: 12px;
    color: #345395;
}

/****************************
*           HEADER          *
*****************************/

#logo {
    width: 485px;
    height: 153px;
    position: absolute;
    left: 5px;
    top: 4px;
    text-indent: -5000px;
    overflow: hidden;
}

#logo a {
    display: block;
    height: 100%;
}

form#connectForm {
    width: 260px;
    margin: 0 auto;
}

div#loginBox {
    width: 257px;
    height: 107px;
    background: url(../images/layout/box-login.jpg) 0 0 no-repeat;
    position: absolute;
    top: 18px;
    right: 215px;
}
div#loginBox p.bonjour{
    font-size:12px;
    font-weight:bold;
    margin:4px 0 0 90px;
}

div#loginBox ul li{
    font-size:11px;
    line-height:16px;
    margin:0 0 0 95px;
    padding:0;
}
div#loginBox ul li a{
    color:#000;
    
}
div#loginBox ul li a:hover{
     color:#4052FF;
     
}

form#loginForm {
    margin: 4px 0 0 77px;
}

form#loginForm label {
    font-size: 12px;
    color: #48312c;
}

form#loginForm label {
    display: block;
    margin: 0 0 0 5px;
}

form#loginForm p input#EMAIL {
    line-height: 17px;
    height: 17px;
    padding: 4px 28px 4px 4px;
    width: 126px;
    border: 1px solid #888888;
    background: #FFF;
    color: #535353;
}

form#loginForm p input#EMAIL :focus {
    color: #000;
    border: 1px solid #0e4066;
}

form#loginForm input#loginButton {
    position: absolute;
    top: 24px; #
    top: 25px;
    left: 214px;
    background: #4F3A35 !important;
    width: 26px;
    height: 23px;
    padding: 0 0 3px 0;
    margin: 0;
    border: none;
    font-size: 12px;
    color: #FFF;
    cursor: pointer;
}

form#loginForm p#lienCreerCpt {
    margin: 4px 0 0 7px;
    font-size: 11px;
    color: #48312c;
}

form#loginForm p#lienCreerCpt a:hover {
    color: #006ab3;
}

div.greenBox,div.greenBox-last {
    width: 230px;
    height: 85px;
    margin: 5px 12px 5px 0;
    _margin: 5px 6px 5px 0;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    float: left;
}

div.greenBox p.gbtitre,div.greenBox-last p.gbtitre {
    background: url(../images/layout/menu/bg-menu.gif) 0 0 repeat-x;
    border-bottom: 1px solid #e5e5e5;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight:bold;
    color: #313131;
    margin: 0;
    padding: 0 5px;
}

div.greenBox p.gbtitre a,div.greenBox-last p.gbtitre a {
    color: #313131;
}

div.greenBox-last {
    margin: 5px 0 5px 4px;
}

div.greenBox p,div.greenBox-last p{
    margin: 0;
    text-align: left;
    font-size: 11px;
    line-height: 13px;
}
div.greenBox p a,div.greenBox-last p a{
    
}

div.greenBox p#acheter a,
div.greenBox p#revendre a,
div.greenBox p#guides a,
div.greenBox-last p#annuaire a{
    background-image: url(../images/bg-top-box.jpg);
    display: block;
    padding: 5px 5px 0 62px;
    text-align: justify;
    height: 50px;
    color:#313131;
}

    
    
div.greenBox p#acheter a:hover{background-position: 2px -10px;}
div.greenBox p#acheter a{background-position: 2px -80px;}

div.greenBox p#revendre a:hover{background-position: 2px -150px;}
div.greenBox p#revendre a{background-position: 2px -220px;}

div.greenBox p#guides a:hover{background-position: 2px -290px;}
div.greenBox p#guides a{background-position: 2px -360px;}

div.greenBox-last p#annuaire a:hover{background-position: 2px -425px;}
div.greenBox-last p#annuaire a{background-position: 2px -495px;}



div.greenBox-last a#ajouterAnnuaire{
    margin:0 0 0 10px;
    background:url("../images/icones/add.gif") 0 0 no-repeat;
    font-size:11px;
    font-weight:bold;
    padding:0 0 0 20px;
       
}


div#banniereFlash {
    width: 680px;
    height: 200px;
    margin:0;
	float:left;
}

div#blocFlash {
    float: left;
    width: 680px;
    height: 200px;
}

div#boxOffresPro {
    width: 280px;
    height: 200px;
	margin:0;
    background: url(../images/offres-pro.jpg) 0 0 no-repeat;
    float: right;
}

div#boxOffresPro p {
    text-indent: -5000px;
    overflow: hidden;
}

div#panierBox {
    width: 184px;
    height: 107px;
    background: url(../images/layout/box-panier.jpg) 0 0 no-repeat;
    position: absolute;
    top: 18px;
    right: 15px;
}

div#panierBox p {
    color: #48312c;
    font-size: 11px;
    text-align: left;
    margin: 40px 10px 0 70px;
}


/****************************
*        SEARCH MENU        *
*****************************/
div#searchMenu {
    background: #fff url("../images/layout/bg-search-menu.jpg") 0 0 no-repeat;
    width: 800px;
    height: 47px;
    padding:0 170px 0 0;
}

div#searchMenu ul {
    padding: 16px 0 0 10px;
    float: left;
}

div#searchMenu ul li {
    float: left;
    height: 16px;
    line-height: 16px;
}
div#searchMenu ul li a{
	_float:left /*IE-6*/;
}

/*  Largeur des li non auto pour ie6 */
li#bt-vendre {
    _width: 61px;
}

li#bt-transport {
    _width: 72px;
}

li#bt-faq {
    _width: 39px;
}

li#bt-paiement {
    _width: 134px;
}

li#bt-garantie {
    _width: 72px;
}

div#searchMenu ul li a {
    display: block;
    height: 100%;
    color: #FFF;
    padding: 0 5px;
    border-right: 1px solid #FFF;
    font-size: 14px;
}

div#searchMenu ul li a:hover {
    text-decoration: underline;
}

div#searchMenu ul li.last a {
    border: none;
}

form#searchForm {
    float: right;
    margin: 7px 13px 0 0;
    _margin: 7px 6px 0 0;
}

form#searchForm input {
    float: left;
}

form#searchForm input#inputSearch {
    color: #48312c;
    font-size: 14px;
    padding: 4px;
    border: none;
    border: 1px solid #FFF;
    width: 185px;
    margin: 3px 0 0 2px;
    height: 18px;
}




/****************************
*          MAIN MENU        *
*****************************/
div#mainMenuW{
   background: url(../images/layout/menu/corner-menu.gif) 780px -9px no-repeat;
   width: 970px;
}

ul#mainMenu {
    background: url(../images/layout/menu/bg-deg-menu.gif) 0 0 repeat-x;
    height: 60px;
    margin:0;
    width: 780px;
}
ul#mainMenu.off{
    width: 778px;
    margin:0 0 0 3px;
}
ul#mainMenu.off li{
    border-bottom:2px solid #ccc;   
}

ul#mainMenu.rando{
  background: url(../images/layout/menu/bg-deg-menu-rando.gif) 0 -1px repeat-x;     
}
ul#mainMenu.alpinisme{
  background: url(../images/layout/menu/bg-deg-menu-alpinisme.gif) 0 -1px repeat-x;     
}
ul#mainMenu.ski{
  background: url(../images/layout/menu/bg-deg-menu-ski.gif) 0 -1px repeat-x;     
}
ul#mainMenu.velo{
  background: url(../images/layout/menu/bg-deg-menu-velo.gif) 0 -1px repeat-x;     
}
ul#mainMenu.running{
  background: url(../images/layout/menu/bg-deg-menu-running.gif) 0 -1px repeat-x;     
}
ul#mainMenu.divers{
  background: url(../images/layout/menu/bg-deg-menu-divers.gif) 0 -1px repeat-x;     
}

ul#mainMenu li {
    float: left;
    margin: 23px 0 0 0;
	display:block;
	font-size: 12px;
    border-top:1px solid #d9d9d9;
}

ul#mainMenu li a {
    color: #313131;
    letter-spacing: 0px;
    
    text-align: center;
    display: block;
    line-height: 34px;
    height: 34px;
    padding: 0 5px 0 40px;
    
    background-image: url("../images/layout/menu/menu.jpg");
    outline: 0;
	_float:left;
}

ul#mainMenu li.active {
    margin:20px 0 0 0;  
    height:38px;
}

ul#mainMenu li.active a{
     height:38px;
}

ul#mainMenu li a:hover {
    color: #313131;
    text-decoration: none;
}

/* Styles de chaque bouton */
li#bt-rando{
 border-left:1px solid #cccccc;   
}
li#bt-rando a {
    background-position: 0 -40px;
}

li#bt-rando a:hover,
li#bt-rando.active a{
    background-position: 0 0;
}
li#bt-rando.active{
    border-top:2px solid #735F58;
    border-right:2px solid #735F58;
}



li#bt-alpinisme a {
    background-position: 0 -122px;
}

li#bt-alpinisme a:hover,
li#bt-alpinisme.active a{
    background-position: 0 -82px;
}
li#bt-alpinisme.active{
    border-top:2px solid #637ABD;
    border-right:2px solid #637ABD;      
}



li#bt-ski a {
    background-position: 0 -202px;
}

li#bt-ski a:hover,
li#bt-ski.active a{
    background-position: 0 -162px;
}

li#bt-ski.active{
 border-top:2px solid #2BB7D2;
 border-right:2px solid #2BB7D2;
}

li#bt-velo a {
    background-position: 0 -282px;
}

li#bt-velo a:hover,
li#bt-velo.active a{
    background-position: 0 -242px;
}
li#bt-velo.active{
  border-top:2px solid #CDDB8E;
 border-right:2px solid #CDDB8E;   
}



li#bt-running a {
    background-position: 0 -362px;
}

li#bt-running a:hover,
li#bt-running.active a{
    background-position: 0 -322px;
}
li#bt-running.active{
 border-top:2px solid #E35CE6;
 border-right:2px solid #E35CE6;    
}
li#bt-divers{
    border-right:1px solid #ccc;   
}
li#bt-divers a {
    background-position: 0 -442px;
}

li#bt-divers a:hover,
li#bt-divers.active a {
    background-position: 0 -402px;
}
li#bt-divers.active{
  
  border-top:2px solid #F1C32F;
 border-right:3px solid #F1C32F;
}

/****************************
*           ADDINTO          *
*****************************/

p.addInto{
    clear:both;
    margin:20px auto;
    width:250px;
    _width:260px;
    text-indent: -5000px;
    overflow:hidden;
}
p.addInto a{
    display: block;
    float:left;
    width: 50px;
    height:30px;
    background-image: url("../images/bookmarks.jpg");
    margin:0;
    overflow: hidden;
}

a.addInto_bookmark{background-position: 0 0}
a.addInto_bookmark:hover{background-position: 0 -30px}

a.addInto_email{background-position: -50px 0}
a.addInto_email:hover{background-position: -50px -30px}

a.addInto_print{background-position: -100px 0}
a.addInto_print:hover{background-position: -100px -30px}

a.addInto_google{background-position: -150px 0}
a.addInto_google:hover{background-position: -150px -30px}

a.addInto_facebook{background-position: -200px 0}
a.addInto_facebook:hover{background-position: -200px -30px}


div#googleAds{
    margin:50px auto 0 auto;   
    width: 740px;
    
}



/****************************
*           RIGHTCOL        *
*****************************/


/****************************
*           FOOTER          *
*****************************/
div.boxFooter,div.boxFooter-middle {
    width: 300px;
    height: 200px;
    float: left;
    position: relative;
    padding:0 10px;
}

div#footerW div#achat-vente{
    background: url(../images/layout/footer-box-achat.gif) 0 0 no-repeat;
}
div#footerW div.boxFooter-middle{
    background: url(../images/layout/footer-box-montalia.gif) 0 0 no-repeat;
    margin:0 10px;
}
div#footerW div#informations{
    background: url(../images/layout/footer-box-info.gif) 0 0 no-repeat;
}

div#footerW div#informationsboxFooter-middle {
    margin: 0 10px;
}

div.boxFooter li,div.boxFooter-middle li {
    font-size: 12px; #
    height: 12px; #
    line-height: 12px;
    _font-size: 11px;
    display: block;
    padding: 0;
    margin: 0;
}

div#footerW div#achat-vente ul,
div#footerW div#montalia ul,
div#footerW div#informations ul {
    margin: 30px 0 0 20px;
}

div.boxFooter p{
    line-height: 30px;
    color:#FFF;
    font-size:16px;
    text-align: center;
    font-weight:bold;    
    margin:0 0 20px 0;
}
div.boxFooter-middle p{
    text-indent: -5000px;
    overflow: hidden;
    line-height: 30px;
    margin:0 0 20px 0;   
}



div#footer p.boxFooterLogos {
    background: none;
    position: absolute;
    margin: 0;
    bottom: 12px;
    width: 320px;
    text-decoration: none;
    font-size: 12px;
    color: #47312c;
}

div#footer p.boxFooterLogos img {
    margin: 0 10px;
    vertical-align: middle;
}

p#copyrights {
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 10px auto;
    width: 205px;
    line-height: 28px;
    
}




/****************************
*    LIENS DECORES          *
*****************************/

p#inscription, p#activation {
    font-size:12px;
    font-style:italic;
    line-height:16px;
    margin:10px 0;
}

p#inscription a{
    background: url("../images/icones/user-16.gif") 0 50% no-repeat;
    padding:0 25px;
}

p#activation a{
    background: url("../images/icones/key.gif") 0 50% no-repeat;
    padding:0 25px;
 }

p.hautPage{
    font-size:12px;
    background: url("../images/icones/go-top.gif") 0 0 no-repeat;
    padding:0 0 0 20px;   
    margin:20px 0;
}

p.btAddCom a{
    padding: 0 0 0 20px;
    background: url("../images/icones/add.gif") 0 0 no-repeat;
    font-size: 12px;
    margin:10px;
}

a.btAddCom,a.btAddComBottom {
    padding: 0 0 0 20px;
    background: url("../images/icones/add.gif") 0 0 no-repeat;
    font-size: 12px;
    margin:5px;
}

p.btsuivant {
    width: 120px;
    height: 30px;
    float: right;
}

.btsuivant a {
    display: block;
    background: transparent url(../images/boutons/suivant.gif) no-repeat
        scroll 0 0;
    padding: 0 15px 0 0;
    text-align: center;
    color: #313131;
    font-size: 12px;
    line-height: 30px;
}

.btsuivant a:hover {
    text-decoration: none;
}

.btprecedent {
    width: 120px;
    height: 30px;
    float: left;
}

.btprecedent a {
    display: block;
    background: transparent url(../images/boutons/precedent.gif) no-repeat
        scroll 0 0;
    padding: 0 0 0 15px;
    text-align: center;
    color: #313131;
    font-size: 12px;
    line-height: 30px;
}

p.btprecedent a:hover {
    text-decoration: none;
}

p.btprecedent a {
    display: block;
    background: transparent url(../images/boutons/precedent.gif) no-repeat
        scroll 0 0;
    padding: 0 0 0 15px;
    text-align: center;
    color: #313131;
    font-size: 12px;
    line-height: 30px;
}

p.btprecedent a:hover {
    text-decoration: none;
}

p.btvierge{
    width: 120px;
    height: 30px;
    
}
p.btvierge a{
    display: block;
    background: transparent url(../images/boutons/bouton.gif) no-repeat
        scroll 0 0;
    padding:0;
    text-align: center;
    color: #313131;
    font-size: 12px;
    line-height: 30px;
}

p.retour {
  font-size:12px;
  font-weight:bold;
  line-height:16px;  
  margin:5px 0;
 }

p.retour a{
  background: url("../images/icones/bullet_back.gif") 0 0 no-repeat;
  color:#707070;
  padding:0 0 0 20px;
 }

p#sendMdp {
    font-size: 12px;
    line-height: 16px;
    margin: 10px 0;
    font-style: italic;
}

p#sendMdp a {
    background: url("../images/icones/send.gif") 0 50% no-repeat;
    padding: 0 0 0 20px;
}

p#voirTousProd{
    font-size:12px;  
    margin:10px 0;   
}

p#voirTousProd a{
    background: url("../images/icones/cart-16.gif") 0 50% no-repeat;
    padding: 0 0 0 20px; 
    color:#313131;  
}
p#posterAutreAnnonce{
    font-size:12px;
}

p#posterAutreAnnonce a{
    background: url("../images/icones/note_edit_16.gif") 0 50% no-repeat;
    padding: 0 0 0 20px; 
    color:#313131;   
}

p#addAttr{
    font-size:12px;
    margin:0 0 10px 0; 
}

p#addAttr a.atr{
    background: url("../images/icones/note_new.gif") 0 50% no-repeat;
    padding: 0 0 0 20px;
    color:#313131;
}



#proNonVerif{
   font-size:20px;
   font-weight: bold;
   padding:10px 0 0 55px;
   background: url("../images/icones/pro-inactif.gif") 0 0 no-repeat;

   color:#313131;
   font-style:italic;
}
#proNonVerif span{
   color:#707070;
    display:block;
    font-size:11px;
    font-style:italic;    
}

/************************
*   POURCENTAGE
*************************/

p.pourcentage {
    color: #313131;
    font-size:11px;
    line-height:11px;
    text-align: center;
}

p.pourcentage span {
    background-image: url("../images/icones/badges.png");
    _background-image: url("../images/icones/badges.gif");
    display: block;
    margin:5px auto;
    width: 32px;
    height: 32px;
    text-indent: -5000px;
    overflow: hidden;
}

/* badges violet 1 -> 9 */
span.p1 {
    background-position: -96px 0
}

span.p2 {
    background-position: -96px -32px
}

span.p3 {
    background-position: -96px -64px
}

span.p4 {
    background-position: -96px -96px
}

span.p5 {
    background-position: -96px -128px
}

span.p6 {
    background-position: -96px -160px
}

span.p7 {
    background-position: -96px -192px
}

span.p8 {
    background-position: -96px -224px
}

span.p9 {
    background-position: -96px -256px
}

/* badges bleu 10 -> 24 */
span.p10 {
    background-position: -64px 0
}

span.p11 {
    background-position: -64px -32px
}

span.p12 {
    background-position: -64px -64px
}

span.p13 {
    background-position: -64px -96px
}



span.p14 {
    background-position: -64px -128px
}

span.p15 {
    background-position: -64px -160px
}

span.p16 {
    background-position: -64px -192px
}

span.p17 {
    background-position: -64px -224px
}

span.p18 {
    background-position: -64px -256px
}

span.p19 {
    background-position: -64px -288px
}

span.p19 {
    background-position: -64px -288px
}

span.p20 {
    background-position: -64px -320px
}

span.p21 {
    background-position: -64px -352px
}

span.p22 {
    background-position: -64px -384px
}

span.p23 {
    background-position: -64px -416px
}
span.p24 {
    background-position: -64px -448px
}

/* badges vert 25 -> 49 */
span.p25 {
    background-position: -32px 0
}

span.p26 {
    background-position: -32px -32px
}

span.p27 {
    background-position: -32px -64px
}

span.p28 {
    background-position: -32px -96px
}

span.p29 {
    background-position: -32px -128px
}

span.p30 {
    background-position: -32px -160px
}

span.p31 {
    background-position: -32px -192px
}

span.p32 {
    background-position: -32px -224px
}

span.p33 {
    background-position: -32px -256px
}

span.p34 {
    background-position: -32px -288px
}

span.p35 {
    background-position: -32px -320px
}

span.p36 {
    background-position: -32px -352px
}

span.p37 {
    background-position: -32px -384px
}

span.p38 {
    background-position: -32px -416px
}

span.p39 {
    background-position: -32px -448px
}

span.p40 {
    background-position: -32px -480px
}

span.p41 {
    background-position: -32px -512px
}

span.p42 {
    background-position: -32px -544px
}

span.p43 {
    background-position: -32px -576px
}

span.p44 {
    background-position: -32px -608px
}

span.p45 {
    background-position: -32px -640px
}

span.p46 {
    background-position: -32px -672px
}

span.p47 {
    background-position: -32px -704px
}

span.p48 {
    background-position: -32px -736px
}

span.p49 {
    background-position: -32px -768px
}

/* badges rouge 50 -> 99 */
span.p50 {
    background-position: 0 0
}

span.p51 {
    background-position: 0 -32px
}

span.p52 {
    background-position: 0 -64px
}

span.p53 {
    background-position: 0 -96px
}

span.p54 {
    background-position: 0 -128px
}

span.p55 {
    background-position: 0 -160px
}

span.p56 {
    background-position: 0 -192px
}

span.p57 {
    background-position: 0 -224px
}

span.p58 {
    background-position: 0 -256px
}

span.p59 {
    background-position: 0 -288px
}

span.p60 {
    background-position: 0 -320px
}

span.p61 {
    background-position: 0 -352px
}

span.p62 {
    background-position: 0 -384px
}

span.p63 {
    background-position: 0 -416px
}

span.p64 {
    background-position: 0 -448px
}

span.p65 {
    background-position: 0 -480px
}

span.p66 {
    background-position: 0 -512px
}

span.p67 {
    background-position: 0 -544px
}

span.p68 {
    background-position: 0 -576px
}

span.p69 {
    background-position: 0 -608px
}

span.p70 {
    background-position: 0 -640px
}

span.p71 {
    background-position: 0 -672px
}

span.p72 {
    background-position: 0 -704px
}

span.p73 {
    background-position: 0 -736px
}

span.p74 {
    background-position: 0 -768px
}

span.p75 {
    background-position: 0 -800px
}

span.p76 {
    background-position: 0 -832px
}

span.p77 {
    background-position: 0 -864px
}

span.p78 {
    background-position: 0 -896px
}

span.p79 {
    background-position: 0 -928px
}

span.p80 {
    background-position: 0 -960px
}

span.p81 {
    background-position: 0 -992px
}

span.p82 {
    background-position: 0 -1024px
}

span.p83 {
    background-position: 0 -1056px
}

span.p84 {
    background-position: 0 -1088px
}

span.p85 {
    background-position: 0 -1120px
}

span.p86 {
    background-position: 0 -1152px
}

span.p87 {
    background-position: 0 -1184px
}

span.p88 {
    background-position: 0 -1216px
}

span.p89 {
    background-position: 0 -1248px
}

span.p90 {
    background-position: 0 -1280px
}

span.p91 {
    background-position: 0 -1312px
}

span.p92 {
    background-position: 0 -1344px
}

span.p93 {
    background-position: 0 -1376px
}

span.p94 {
    background-position: 0 -1408px
}

span.p95 {
    background-position: 0 -1440px
}

span.p96 {
    background-position: 0 -1472px
}

span.p97 {
    background-position: 0 -1504px
}

span.p98 {
    background-position: 0 -1536px
}

span.p99 {
    background-position: 0 -1568px
}

span.new{
    color:#D33B1D;
    font-size:10px;
    font-weight:bold;
}

/*** Styles des notation ***/
div.notation {
    margin: 0;
}

div.notation p span {
    display: none;
}

div.notation p {
    line-height: 12px;
    font-size: 10px;
    line-height: 12px;
    height:12px;
    color: #302f2f;
    padding:0 0 0 75px;
}

div.notation p a {
    text-align: left;
    padding: 0;
    margin: 0;
}

p.star0,p.star1,p.star2,p.star3,p.star4,p.star5 {
    background: url(../images/notation.gif) 0 0 no-repeat;
}

p.star0 {
    bacbackground-position: 0 0px;
}

p.star1 {
    background-position: 0 -12px;
}

p.star2 {
    background-position: 0 -24px;
}

p.star3 {
    background-position: 0 -36px;
}

p.star4 {
    background-position: 0 -48px;
}

p.star5 {
    background-position: 0 -60px;
}


/***************************************************************
    PAGINATIONS
***************************************************************/
div#barrePagination {
    clear: both;
    margin: 10px 5px;
    height: 30px;
}

div#triPage div#barrePagination {
    clear: none;
    float: left;
    width: 300px;
    height: auto;
    margin: 0;
    text-align: left;
}

div#triPage div#barrePagination ul {
    
}

div#barrePagination ul {
    border: 0;
    display: block;
    padding: 0;
    float: right;
}

div#barrePagination ul li {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 11px;
    list-style: none;
    float: left;
}

div#barrePagination ul a {
    border: solid 1px #DDDDDD;
    margin-right: 2px;
}

div#barrePagination ul li.previous-off,div#barrePagination ul li.next-off
    {
    color: #666666;
    display: block;
    float: left;
    font-weight: bold;
    padding: 3px 4px;
}

div#barrePagination ul li.next a,div#barrePagination ul li.previous a {
    font-weight: bold;
    border: solid 1px #FFFFFF;
}

div#barrePagination ul li.active {
    color: #C61F1F;
    font-weight: bold;
    display: block;
    float: left;
    padding: 4px 6px;
    font-size: 12px;
}

div#barrePagination ul a:link,div#barrePagination ul a:visited {
    color: #4F3A35;
    display: block;
    float: left;
    padding: 3px 6px;
    text-decoration: none;
}

div#barrePagination ul a:hover {
    border: solid 1px #666666;
    color: #259DC1;
}

/********************************
PAGE ERREUR   
*********************************/
div#errorW{
    background:url("../images/pageintrouvable.jpg") 0 0 no-repeat;   
    padding:110px 15px 75px 75px;
    width: 190px;
    height: 100px;
    margin:10px auto 0 auto;
    
}

#titreError{
    color:#434343;
    font-weight:bold;
    font-size:14px;
    line-height:16px;
   padding:0 0 0 20px;
    background: url("../images/icones/error.gif") 0 0 no-repeat;
}
div#errorW p{
 font-size: 11px;
 font-style:italic;
 color:#707070; 
 margin:5px 10px 0 10px;  
}

h2#titrePlan{
    background:url("../images/icones/map_magnify.gif") 0 2px no-repeat;
    padding:0 0 0 35px;
    font-size:26px;
    color:#434343;
    line-height:20px;
    margin:20px 10px;
    _position:relative;

}
h2#titrePlan span{
    font-size:12px;
    font-style:italic;
    color:#D33B1D;
    display:block;
}
div#mainColPlan{
    width: 700px;
    margin:0 auto;    
}
div#mainColPlan fieldset{
    float:left;
    width: 300px;

}
div#mainColPlan li{
    font-size:12px;
    margin:0 0 5px 0;
}

p#ou{
    font-size:20px;
    font-weight:bold;
    color:#000;
    text-align: center;
    margin:30px 0 0 0; 
}

/********************************
    AUTRES PRODUITS 
*********************************/
h3#xselling{
    background: url("../images/icones/note2.gif") 0 50% no-repeat;
    padding:0 0 0 40px;
    line-height:32px;
    font-size:16px;
    font-weight:bold;
    color:#313131;
    margin:0 0 10px 0;
}


div.arrivage{
    width: 150px;
    float:left;
    margin:0 50px 20px 50px;
    _margin:0 25px 20px 25px;
}

p.titreArrivage{
    font-size:12px;
}

div.arrivage img {
    float: none;
    display: block;
    margin:5px auto;
}
  


p.titreArrivage {
    color: #48312c;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    _position:relative;
}
p.titreArrivage span{
    display: block;   
}
p.prixArrivage {
    color: #C61F1F;
    font-weight: bold;
    font-size:18px;
    text-align: center;
    clear: both;
    
}

a.seeAllBrand{
    font-size:11px; 
    font-weight:normal;  
}

div#rightCol h3{
    font-size:16px;
    font-weight:bold;
    text-align:center;
    color:#434343;
    font-style:italic;
    margin:20px 0 0 0; 
}



div#rightCol h3#guides{
    background: url("../images/icones/books.gif") 0 50% no-repeat;
    padding:0 0 0 20px;
    margin:40px 10px 0 10px;
}

div#rightCol h3#marque{
    background: url("../images/icones/star.gif") 0 50% no-repeat;
    padding:0 0 0 20px;
}

ul#listingGuides{
    margin:0 5px 20px 5px;
    border-bottom:1px dashed #ccc;
    padding:10px 0;
}

ul#listingGuides li{
    font-size:11px;
}

.filarianne{
    font-size:12px;
    background: url("../images/icones/bullet_go.gif") 0 0 no-repeat;
    padding:0 0 0 20px;
    color:#434343; 
    margin:5px 0;
   /* #position:relative;*/
}