/*****************************************/
/*SITE  Veran -  §
/*****************************************/

@import "style.less";

/*****************************************/
/*layout Boutique  Veran -  - */
/*****************************************/



.onglet-boutique
{
        display:block;
        color:white;
        font-weight:bold;
        &:hover { color:@gris;}
}
.acces
{
    margin-left:10px;
    margin-right:10px;
    background:@couleur-boutique;
   .border-radius;
    margin-bottom:1px;
}
.bouton-acces
{    
    display:block;
    padding-left:45px;
    padding-top:12px;
    height:26px;
    font-size:12px;
    text-decoration:none;
    color:white;
     &:hover { color:#e5e5e5;text-decoration:none;}

}
.fiche
{
    display:block;
    font-size:12px;
    margin:5px 0;
}
/*****************************************/
/*En tête Boutique -  - */
/*****************************************/

#headerboutique
{ 
    background:black;
    height:60px;
 }

#path
{
    height:38px;

}
#path h1
{
    color:white !important;
    font-size:14px;
    margin:0 @largeur-droite 0 @largeur-gauche;
    padding-top:5px;
    letter-spacing:0.1em;
    text-align:center;
}
#path h1 strong
{
    font-size:18px;
}
#path h2
{
    margin:0 0 0 @marge;
    padding-top:@marge /2 ;
    color:white !important;
    font-size:14px;
}
#path h2 a
{
    color:@couleur-boutique;
}


#path li
{
    width:100px;
    text-align:center;
    margin-right:2px;
    font-size:12px;
    font-weight:bold;
}
#path li.current
{
}
#path li.done
{
}
#path li span
{
   display:block;
    padding:6px 10px;
}


#hnavboutique
{
   background:url("@{base-url}/img/boutique/fd-bouton.png") repeat-x;
   background:@couleur-boutique;
   margin:0 @largeur-droite 0 @largeur-gauche;
   width:@largeur-contenu + @marge - @largeur-droite ;
   height:22px;
}
#hnavboutique ul
{
    height:22px;
    margin-left:50px;
    border-left:1px solid black;
}
#hnavboutique li a
{
    .onglet-boutique;
    background:url("@{base-url}/img/boutique/fd-bouton.png") repeat-x;
    border-right:1px solid black;
    font-size:14px;
    padding:4px @marge 0 @marge;
    height:18px;

}

#hnavboutique li.current a
{
    background:white;
    color:black;
}


/*****************************************/
/*presentation boutique -  - */
/*****************************************/

 #like-facebook
{
    background:white;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height:17px;
    border: none !important;
    text-align:center;
}

#like-facebook span
{
    font-weight: bold;
}

#like-facebook a
{
    marging-top:5px;
    color: #2e5d9b;
}

#gauche
{
    float:left;
    width:@largeur-gauche;
    margin-right:@marge;
    background:black;
    color:white;
    overflow:hidden;
    font-size:12px;
}
#gauche h3
{
    font-weight:bold;
    font-size:14px;
    margin:10px 0;
    color:white;
    text-align:center;
}
#gauche a
{
    font-weight:bold;
}
#gauche li a
{
    .onglet-boutique;
    background:@couleur-boutique;

    margin-right:0;
    font-size:12px;
    text-align:right;
    padding:3px 5px;
    margin-bottom:4px;
    height:auto;
}
#gauche li.current a
{
    color:black;
    background:white;
}
#main
{
    float:left;
    width:@largeur-contenu;
}

#centre
{
    float:left;
    margin-top:@marge;
    width:@largeur-contenu - @largeur-droite - @marge;
}
#centre h1
{
    margin-top:0;
}
#droite
{
    float:left;
    width:@largeur-droite;
    margin-left:@marge;
    background:@gris-clair;
}
/*****************************************/
/*Accès au compte et au panier -  - */
/*****************************************/
#bloc-compte-panier
{
    padding-top:10px;
}

#acces-panier,#acces-compte
{
    .acces
}
#acces-panier a
{
   .bouton-acces;
   background:url("@{base-url}/img/boutique/picto-panier.png") no-repeat;
   background-position:5px 3px;
}

#acces-compte a
{
  .bouton-acces;
   background:url("@{base-url}/img/boutique/picto-compte.png") no-repeat;
   background-position:5px 3px;
}

/*****************************************/
/*-  - */
/*****************************************/

#avotreecoute
{
    margin-bottom:@marge;
    padding:5px 5px 220px 5px;
    background:url("@{base-url}/img/boutique/alexandre.jpg") no-repeat left bottom;
}

.infogauche
{
    margin:@marge/2 0;

}
.infogauche h3,#avotreecoute h3
{
    color:white !important;
}

.infodroite
{
    margin-bottom:@marge/2;
    padding:10px;
}
.infodroite img
{
    display:block;
    margin:0 auto;
    background:white;
    border:1px solid black;
}
#main h2
{
    .onglet-boutique;
    background:@couleur-boutique;
    width:250px;
    font-size:13px;
    padding:3px 10px;
    margin:0;
    .border-radius-top-left;
    .border-radius-top-right;
}
#main h2:hover
{
    color:white;
}
table.mav
{
    border:1px dotted @gris;
    color:@gris-fonce;
    margin-bottom:@marge;
    width:100%;
}
table.mav a img
{
    border:1px solid white;
}
table.mav .prix
{
    float:left;
}
.prix
{
    color:#c00;
    font-size:16px !important;
}
.prix  a
{
    color:#c00;
    font-size:16px !important;
}
.prix  a
{
    cursor:text;
}
.prix  a:hover
{
    color:#c00;
    text-decoration:none;
}

.prix .aulieude
{
    color:black !important;
    font-size:12px !important;
}
.prix .aulieude .strokprice
{
    text-decoration:line-through; 
}

table.mav td p
{

}
table.mav td.photo
{
   text-align:center;
    width:150px;
}
table.mav td.desc
{
   width:200px;
   padding-right:100px;
   text-align:justify;
}
#pagecontent h3
{
     color:#333;
     height:30px;
     margin:0;
     font-size:13px;
}

#pagecontent h4
{
    font-size:13px;
    margin:0;
}
#pagecontent h4 a
{
    .fiche;
}

#pagecontent h5
{
    color:@couleur-boutique;
    line-height:1em;
    margin:0 0 3px 0;
}
#pagecontent h5 a
{
    .fiche;
}
#pagecontent h6
{
    margin:0;
}

#pagecontent h6 a
{
    .bouton;
    float:left;
    margin:0 0 5px 0;

}

.info
{
    position:relative;
}
.tagger
{
    position:absolute;
    top:35px;
    right:5px;
}
table.mav#listeproduits
{
     padding-right:0;
     border-collapse:collapse;

}
table.mav#listeproduits td
{
    border:1px dotted @gris;
    width:23%;
    position:relative;
    padding:5px;
    vertical-align:top;
 }
table.mav .prix
{
    float:none;
}
 table.mav#listeproduits td .tagger
{
    position:absolute;
    top:45px;
    right:5px;
}
 table.mav#listeproduits td .tagger img
{
    border:0;
}
#fp
{
    margin:@marge 0;
    border:1px dotted @gris;
    font-size:13px;
    padding:10px;
}
#photoproduit
{
    float:left;
    width:40%;
     background:white;
    margin-top:10px;
}
#photo-small
{
    height:180px;
    display:table-cell;
    vertical-align:middle;
}
.photop img
{
     padding:3px;
    border:1px solid @gris-clair;
}

#photoproduit ul.listvert
{
    margin:0 0 5px 10px;
}
#photoproduit li
{
    font-size:11px;
    padding-left:20px;
    padding-top:5px;
    height:20px;
}

#detailproduit
{
    float:left;
    width:55%;
    margin-left:3%;
 }
#detailproduit label
{
    font-size:12px;
}
.avert
{
    font-size: 11px;
    font-style: italic;
    text-align:left;
    margin:5px;

}
.avis
{
    margin:@marge 0 @marge/2 0;
}
#pagecontent .avis h3
{
    margin:0;
    font-size:16px;
    color:@couleur-boutique2;
}
.avis p
{
    margin:0 !important;
    font-style:italic;
}
/*****************************************/
/*page panier -  - */
/*****************************************/

.recap
{
    border:1px dotted @gris;

    padding:5px;
}
.recap table
{
    width:100%;
   border-collapse:collapse;
}
.recap table a img
{
    border:1px solid @couleur-boutique;
}
.recap tr#lignetotal td
{
    height:3em;
    font-weight:bold;
    font-size:12px;
}
.recap td
{
    border:1px solid white;
    margin:0;
    padding:3px;
}
.recap td.vignette
{
    border:1px solid white;
    padding:0;
    width:85px;
}
.recap td.suppr
{
    border:1px solid white;
    padding:0;
    text-align:center;
}
.recap td.suppr a
{
    font-size:14px;
}
.lesboutons
{
    float:right;
    margin-top:10px;
 }
.lesboutons h6
{
    float:left;
    margin:10px 0 5px 0 !important;

 }
.lesboutons h6 a,#ident .lesboutons h6 a,#livraison .lesboutons h6 a
{
    .bouton;
    float:left;
    margin-left:10px !important;
}


/*****************************************/
/*page compte client -  - */
/*****************************************/

#main #ident h2
{
    width:370px;
}
#ident table
{
    width:100%;
}
#ident td
{
    padding:10px 5px;
    font-size:13px;
}
#ident td p
{
   margin:12px 0;
   padding:0;
}
#ident td .formel
{
   margin:5px 0;
   clear:both;
}
#ident label
{
    display:block;
    float:left;
    width:120px;
    padding-top:5px;
    margin-left:20px;
    font-size:12px;
    padding-bottom:0px;
    border-bottom:1px dashed white;
}
#ident .formbloc
{
    border:2px solid white;
    padding:10px;
    margin:3px 0;
}
#ident .formbloc label
{
    width:160px;

}
#ident TD .formbloc .formel P
{
    margin-left:20px;
    font-size:12px;
}
#adresselivraison
{
    display:none;
}
#livraison td
{
    border:1px solid white;
    margin:0;
    padding:10px;
    font-size:13px;
}
#livraison table.mav,#recap table.mav
{
    width:100%;
}
#livraison .info
{
    width:48%;
    float:left;
}
#livraison .uneadresse
{
    height:120px;
}
#pagerecap h2
{
    margin-top:10px;
}
table#cartesbancaires
{
    width:200px;
    margin:0 auto;
    border-collapse:collapse;
}

.chzn-select
{
    width:260px;
}

.chzn-select#qte
{
    width:60px;
}