/* Reinitialisation */

html
{
	color:#000;
	background:#FFF;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
	line-height: inherit;
}

address,caption,cite,code,dfn,th,var
{
	font-style:normal;
	font-weight:normal;
}

caption, th, td 
{
        text-align: left;
        font-weight: normal;
}

li, ol, ul 
{
        list-style: none;
}

caption,th
{
	text-align:left;
}

h1,h2,h3,h4,h5,h6
{
	font-size:100%;
	font-weight:normal;
}

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

blockquote, q 
{
        quotes: "" "";
}

abbr,acronym
{
	border:0;
	font-variant:normal;
}

/* to preserve line-height and selector appearance */
sup
{
	vertical-align:text-top;
}

sub
{
	vertical-align: text-bottom;
}

input,textarea,select
{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/*to enable resizing for IE*/
input,textarea,select
{
	font-size:100%;
}

/*because legend doesn't inherit in IE */

legend
{
	color:#333;
}

/* Fin de la réinitialisation */



div#filtre select {
	width: 160px;
}








/* Pour toute les pages et chargement de la ou des font(s) */

@font-face
{
	/*font-family: "brindilles";
	src: url("../include_vel/fonts/HelveticaLTStd-Light.otf") format("opentype");*/
}

html
{
	background-image: url("../Brindilles-img/fond.jpg");
	/*background: url("../Brindilles-img/bgnoel.jpg") repeat-x top center #f9f9f9;*/
	/*overflow: scroll;*/
	overflow: auto;
	font-family: Helvetica, brindilles, sans-serif;
	font-size: 12px;
	color: #333;
}

a, a:link, a:hover, a:visited
{
	text-decoration: none;
	color: #999; /* afafaf */
}

/* End */
/* Tete de page */
#france5{
width: 973px;
margin: 0 auto;
}

#float3
{
	position: relative;
	left: 948px;
	top: 12px;
	width: 50px;
}

#top
{
	background-color: #fff;
	height: 118px; /*120*/
	width: 923px;
	margin-top: 16px;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 25px 5px;
}
#top #logo{
width: 274px;
height: 65px;
background: url(../Brindilles-img/logo.png);
display: inline-block;
cursor: pointer;
}
#top #logo h1{
display: none;
}

#panier
{
	background: url("../Brindilles-img/panier.jpg") no-repeat;
	width: 244px;
	height: 105px;
	color: #999;
	font-size: 11px;
	float: right;
	position: relative;
	top: -25px;
	/*border: 1px solid #000;*/
}

#panier a, #panier a:link, #panier a:hover, #panier a:visited
{
	font-size: 11px;
	/*line-height: 11px;*/
}

#panier #compte{
width: 110px;
padding: 5px;
padding-top: 10px;
float: left;
height: 70px;
/*font-size: 10px;*/
}
#panier #compte input.login{
border: 1px solid #f9f9F9;
margin-bottom: 2px;
width: 106px;
}
#panier #compte input.pwd{
float: left;
border: 1px solid #f9f9F9;
width: 84px;
}
#panier #compte .submit
{
background-color: #9aad06;
border: none;
color: white;
width: 20px;
text-align: left;
margin-left: 2px;
padding-left: 2px;
float: left;
margin-bottom: 5px;
}
#panier #compte .compte{
/*font-weight: bold;*/
}
#panier #minipanier{
float: left;
width: 70px;
padding-top: 10px;
padding-left: 40px;
}
#panier #minipanier *{
/*font-weight: bold;*/
}

/*#monpanier
{
	padding-top: 25px;
	padding-left: 25px;
	font-size: 10px;
	text-align: center;
}*/

.menu1gauche
{
	padding-left: 15px;
	line-height: 11px;
}

#connexion
{
	/*color: #9aad06;
	line-height: 17px;
	padding-top: 20px;*/
}

#recherche
{
	margin-top: 10px;
	width: 180px;
	color: #999;
	padding-left: 20px;
	height: 20px;
	background: url('../Brindilles-img/rechercher.png') no-repeat center left;
	border: 2px solid #f9f9F9;
}

#recherchesubmit
{
	background-color: #9aad06;
	border: none;
	height: 24px;
	color: white;
}
#recherche-exemple, #recherche-exemple a{
font-style: italic;
font-size: 10px;
}

#menu1 a, #menu1 a:link, #menu1 a:hover, #menu1 a:visited
{
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

#menu1
{
	margin-top: 20px;
	padding-top: 3px; /*5*/
	background-color: #f3f3f3;
	width: 310px; /* 510 */
	height: 23px; /* 26 */
	text-align: center;
	font-size: 13px;
	color: #999;
}
#menu1 li
{
	float: left;
	padding-top: 2px;
	border-right: 1px solid #fff;
}
#menu1 li.last
{
	border: 0;
}

#menuprincipal
{
	/*background: url('../Brindilles-img/menuprincipal.png') no-repeat;*/
	background: #fff;
	position: relative;
	left: -25px;
	top: 12px; /* 16 */
	height: 31px;
	width: 973px;
	/*padding-left: 24px;*/
	/*padding-top: 1px;*/
}
#menuprincipal table{
width:100%;
height: 31px;
border-collapse:collapse;
}
#menuprincipal td
{
	vertical-align: middle;
	/*padding-left: 6px;
	padding-right: 9.5px;*/
	text-align: center;
	background: #C9C8BD;
	cursor: pointer;
	color: white;
	font-size: 12px;
	line-height: 10px;

}
/*#menuprincipal td:hover
{
	background: #A5A293;
}*/
#menuprincipal td.indexaz
{
	background: #A5A293;
	border-left: 2px solid #fff;

}
#menuprincipal td.actif
{
background: #AAA798;
}

#menuprincipal a, #menuprincipal a:link, #menuprincipal a:hover, #menuprincipal a:visited
{
	color: white;
	font-size: 12px;
	line-height: 11px;
}

/*#menuprincipal #barrederoulante
{
	position: absolute;
	top: 31px;
	left: 0px;
	visibility: hidden;
	width: 973px;
	padding-top: 31px;
	padding-left: 10px;
	height: 259px;
	background: url('../Brindilles-img/menuderoulant.png') no-repeat;
	z-index: 800;
}*/

.index
{
	height: 20px;
}

#number1
{
	float: left;
	width: 140px;
}
#number2
{
	width: 820px;
	float: left;
}

#number2 td
{
	line-height: 16px;
	font-size: 12px;
	color: white;
	padding-right: 50px;
	text-align: left;
}

/* End */
/* Pied de page */
a.facebook{
color: #3B5997;
margin-right: 15px;
}
a.twitter{
color: #2DCCFF;
}

#bonusbrin{
height: 82px;
background: #C0BEB3;
font-size: 12px;
color :#fff;
margin-top: 15px;
}
#bonusbrin .elem{
width: 143px;
float: left;
white-space: nowrap;
}
#bonusbrin .elem .titre{
height: 40px;
background: #fff;
}
#bonusbrin .elem .titre img{
margin-right: 5px;
float: left;
}
#bonusbrin .elem .texte{
padding-top: 5px;
}
#bonusbrin .elem .texte a{
color: #fff;
font-size: 12px;
}

#foot
{
	background-color: white;
	height: 510px;
	width: 923px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 25px 0px;
}
#foot h2{
 color: #666600;
 padding-bottom: 10px;
 font-size: 15px;
 }
#pied2
{
	margin-top: 25px;
	width: 973px;
}
#pied2 img
{
	margin-right: 5px;
}
#pied2 td
{
width: 16%;
}
#foot td
{
	padding-left: 0px;
    vertical-align: top;
	line-height: 15px;
}
.bonus
{
	font-size: 13px;
}
.bonus2
{
	font-size: 15px;
	color: #666600;
}
.prix
{
	background: url('../Brindilles-img/bouton3.png') no-repeat right;
	line-height: 18px;
	margin-left: auto;
	margin-right: auto;
	width: 63px;
	height: 22px;
	display: block;
}
#pied
{
	background: url('../Brindilles-img/pied.png') no-repeat;
	width: 973px;
	position: relative;
	left: -25px;
	top: 15px;
	padding-left: 25px;
	height: 42px;
	color: white;
}
#pied td
{
    vertical-align: middle;
	line-height: 15px;
	font-size: 12px;
	text-align: left;
}
#marques
{
	float: left;
	margin-top: 30px;
	margin-right: 20px;
	line-height: 10px;
	background: url("../Brindilles-img/marques.jpg") no-repeat;
	width: 240px;
	height: 222px;
	/*padding-top: 20px;*/
	padding: 15px;
}
#marques1, #marques1:hover, #marques1:link, #marques1:visited
 {
	font-size: 11px;
	line-height: 15px;
	text-decoration: underline;
}
#marques2
{
	padding-top: 15px;
	text-align: center;
}
#menupied
{
	float: left;
	margin-top: 30px;
	color: black;
	/*margin-bottom: 50px;*/
}
#menupied td
{
	padding-bottom: 5px;
	font-size: 13px;
	padding-right: 10px;
}
#bonus3
{
	font-family: brindilles, arial;
	padding-top: 10px;
	font-size: 15px;
	color: #666600;
}
#rejoignez
{
 float: right;
 margin-top: 30px;
 padding-left: 25px;
 background: url("../Brindilles-img/rejoignez.png") no-repeat;
 width: 244px;
 height: 222px;
}
#labels2
{
	margin-top: 40px;
	margin-left: 130px;
}
#labels2 img
{
	padding-right: 40px;
}
#bonus4
{
	position: relative;
	top: 20px;
	left: -340px;
	font-family: brindilles, arial;
	font-size: 15px;
	color: #fff;
}
#cnil
{
	clear: both;
	background-color: #dadad2;
	position: relative;
	left: -25px;
	top: 20px;
	width: 973px;
	height: 25px;
	font-size: 10px;
	line-height: 15px;
	padding-top: 15px;
	text-align: center;
}
#cnil a{
font-size: 10px;
color: #333;
}

#foot #categories *{
font-size: 10px;
margin-right: 5px;
white-space: nowrap;
}
#foot #categories h2{
float: left;
color: #999;
padding: 0;
margin: 0;
}
#foot #categories li{
float: left;
}
#container .js .carousel-wrap{display:inline-block;vertical-align:middle;width:200px; margin-top: 20px;}
.IE #container .js .carousel-wrap{display:inline;}
#container .carousel ul{margin-top: 0; padding:0;zoom:1; text-align:center;}
#container .js ul li{overflow:hidden;float:left;width:200px;height:140px;}
#container .carousel .carousel-control{margin-left:4px;overflow:hidden;display:inline-block;vertical-align:middle;width:11px;height:18px;cursor:pointer;line-height:999px; position: relative; top: 10px;}
#container .carousel .carousel-next{background:url("../Brindilles-img/next.png") 0 0 no-repeat;}
#container .carousel .carousel-previous{background:url("../Brindilles-img/prev.png") 0 0 no-repeat;}
#container .carousel .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
#container .carousel .disabled,#container .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}
#container .carousel .resume{
clear: both;
padding-top: 8px;
width: 200px;
line-height: 14px;
height: 80px;
}
#container .carousel img{
border: 5px solid #fff;
}

/* End */

.barrederoulante
{
	position: absolute;
	top: 31px; /*31*/
	left: 0px;
	visibility: hidden;
	width: 963px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	height: auto;
	background: url('../Brindilles-img/menuderoulant.png') no-repeat bottom right #AAA798;
	z-index: 900;
	-moz-border-radius: 0 0 4px 4px; 
	-webkit-border-radius: 0 0 4px 4px; 
	border-radius: 0 0 4px 4px; 
}
.barrederoulante .boncadeaux
{
	display: block;
	background: url(../Brindilles-img/minibc.png) no-repeat;
	height: 22px;
	padding-left: 40px;
	padding-top: 23px;
	margin-top: 25px;
}
.navtheme_col{
width: 150px;
float: left;
margin-left: 10px;
}
.navtheme_elem{
border-bottom: 1px dotted #ccc;
padding: 3px 0 2px 0;
width: 125px;
white-space:nowrap;
margin: 0;
margin-bottom: 5px;
}
.navtheme_elem li{
margin-bottom: 2px;
line-height: 15px;
font-size: 11px;
}
a.navtheme{
}


/**************** GENERAL *****************/

#corps
{
	background-color: white;
	/*height: 1050px;*/
	overflow: hidden;
	width: 948px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 35px 0px 35px 25px;
}

#menugauche
{
	width: 165px;
	/*height: 100px;*/
	float: left;
	overflow: hidden;
}

#menucentral
{
	float: left;
	width: 769px;
}

#title
{
	background-color: #f3f3f3;
	border: 1px solid #e6e6e6;
	height: 23px; /* 28 */
	width: 737px;
	line-height: 16px;
	font-family: brindilles, arial;
	color: #9aad06;
	padding-left: 10px;
	padding-top: 7px; /* 10 */
	padding-right: 15px;
	margin-bottom: 20px;
}
#title h2, #title h3, #title h1{
font-size: 16px;
font-weight: bold;
}
#ariane{
font-size: 10px;
color: #9aad06;
margin-bottom: 15px;
}
#title a, #ariane a{
color: #9aad06;
text-decoration: underline;
}

#evmr{
position: absolute;
left: 300px;
top: -15px;
}
/**************** DIVERS *****************/

.bonus1
{
	color: #9aad06;
	font-size: 16px;
	margin-bottom: 20px;
	white-space: nowrap;
	font-weight: bold;
}
.titrepage{
color: #9aad06;
font-size: 15px;
text-transform:uppercase;
}

.nomargin{
margin: 0;
}
.margin15{
margin: 15px 0;
}
.margin5{
margin: 5px 0;
}
ul.listePuce li{
list-style: disc inside;
}
.nomargintop{
margin-top: 0;
}
.off{
display: none;
}
a.help{
background: #9aad06;
color: #fff;
cursor: help;
padding: 0 2px;
}
.floatLeft{
float: left;
}
.floatRight{
float: right;
}
.cleared{
clear: both;
}
.alignCenter{
text-align: center;
}
.alignRight{
text-align: right;
}
.alignLeft{
text-align: left;
}
.buttonbrin_1
{
	background: url('../Brindilles-img/bouton2.png') no-repeat;
	width: 192px;
	height: 19px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	margin: 0;
	color: #333;
	/*text-transform : lowercase; */
}
.buttonbrin_1:FIRST-LETTER{
/*text-transform : capitalize;*/
}
.buttonbrin_1 a
{
	color: #333;
}
.buttonbrin_2
{
	background: url('../Brindilles-img/buttonbrin_2.png') no-repeat;
	width: 250px;
	height: 19px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	margin: 0;
	color: #333;
	/*text-transform : lowercase;*/
}
.buttonbrin_2:FIRST-LETTER{
/*text-transform : capitalize;*/
}
.buttonbrin_2 a
{
	color: #333;
}
.submit, a.submit{
background: url(../Brindilles-img/bg_submit.jpg) repeat-x #9aad06;
border: none;
color: white;
cursor: pointer;
padding: 5px;
}
.submit:hover{
background-image: none;
}
.ok{
background: url(../Brindilles-img/bt_ok.jpg) no-repeat;
border: none;
color: white;
cursor: pointer;
width: 35px;
height: 25px;
color: #999;
text-align: center;
}
/*.submit:hover{
background-image: none;
}*/
.round5 { 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px; 
}
.round3 { 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
-khtml-border-radius: 3px; 
border-radius: 3px; 
}
.important{
color: #E85E03;
}
.important2{
color: red;
}
.italic{
font-style: italic;
}
.bold{
font-weight: bold;
}
.underline{
text-decoration: underline;
}
/**************** LISTING PRODUIT *****************/
#liste_prod{
width: 764px;
overflow: hidden;
}
#liste_prod .elem{
cursor: pointer;
display: block;
text-align: center;
float: left;
width: 187px;
height: 300px;
border-right: 1px dotted #ccc;
margin-bottom: 30px;
}
#liste_prod .last{
border: 0;
}
#liste_prod .nom{
height: 50px;
padding: 0 5px;
/*background: #000;*/
}
#liste_prod .marque{
/*height: 20px;
padding: 0 5px;*/
display: block;
color: #999;
/*font-size: 10px;*/
clear: both;
}
#liste_prod .image{
margin: 0 auto;
margin-bottom: 20px;
width: 150px;
height: 150px;
background-position: center;
}
#liste_prod .remise{
width:66px;
height:70px;
background-repeat: no-repeat;
background-position: left;
}
#liste_prod .texte_promo{
margin-bottom: 8px;
color: #cc0000;
height: 10px;
font-size: 10px;
}
#liste_prod .texte_apartir{
color: #999;
}
#liste_prod .prix{
display: block;
width: 63px;
height: 19px;
background: url(../Brindilles-img/bgprix.jpg);
margin: 0 auto;
margin-bottom: 5px;
padding-top: 3px;
color: #333;
}
#liste_prod .prix_old{
margin-bottom: 20px;
color: #cc0000;
font-size: 10px;
/*background: #ccc;*/
}
#liste_prod .section{
border-bottom: 1px dotted #ccc;
clear: both;
padding-bottom: 5px;
margin-bottom: 20px;
/*color: #999;*/
color: #9aad06;
font-size: 20px;
font-family: brindilles, arial;
}

/**************** NAV COMPTE *****************/

#menugauche .navcompte{
border: 1px solid #e6e6e6;
padding: 5px;
width: 137px;
margin-bottom: 15px;
}
#menugauche .navcompte .titre{
color: #9aad06;
font-size: 15px;
margin-bottom: 5px;
}
#menugauche .navcompte .fidelite{
margin-bottom: 5px;
border-bottom: #E1E2DA 1px solid;
padding-bottom: 5px;
color: #9aad06;
}
#menugauche .navcompte ul{
padding: 0;
margin: 0;
}
#menugauche .navcompte li{
padding: 5px 0;
/*font-size: 8px;*/
}
#menugauche .navcompte a.informations{
background: url(../images/picto_user.png) no-repeat;
padding-left: 21px;
}
#menugauche .navcompte a.adresses{
background: url(../Brindilles-img/minipicto_adresse.jpg) no-repeat;
padding-left: 21px;
}
#menugauche .navcompte a.remises{
background: url(../images/picto_remise.png) no-repeat;
padding-left: 21px;
}
#menugauche .navcompte a.commandes{
background: url(../images/picto_commande.png) no-repeat;
padding-left: 21px;
}
#menugauche .navcompte a.favoris{
background: url(../images/fav.png) no-repeat;
padding-left: 21px;
}
#menugauche .navcompte a.liste{
background: url(../images/picto_liste.png) no-repeat;
padding-left: 21px;
}
#menugauche .navcompte a.mr{
background: url(../Brindilles-img/minipicto_mr.jpg) no-repeat;
padding-left: 21px;
}
#menugauche .navcompte a.actif{
color: #9aad06;
}
#menugauche .navcompte a.inactif{
color: #ccc;
}

#menugauche .links2{
border: 1px solid #e6e6e6;
padding: 5px;
width: 137px;
margin-bottom: 15px;
margin-top: 15px;
}
#menugauche .links2 a{
display: block;
padding: 5px;
}
#menugauche .links2 a.nouveautes:hover{
background: #d3b556;
color: #fff;
}
#menugauche .links2 a.promos:hover{
background: #e1e22f;
color: #fff;
}
#menugauche .links2 a.choixmois:hover{
background: #a5dbdb;
color: #fff;
}
#menugauche .links2 a.cadeaux:hover{
background: #a0b208;
color: #fff;
}
#menugauche .links2 a.preferes:hover{
background: #ed9100;
color: #fff;
}

/*************** ENCART BRINDINFOS *********/
#menugauche #brindinfos{
border: 1px solid #e6e6e6;
padding: 5px;
padding-top: 8px;
width: 137px;
margin-bottom: 15px;
margin-top: 15px;
text-align: center;
}
#menugauche #brindinfos .titre{
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
}
#menugauche #brindinfos ul{
margin-top: 10px;
text-align: left;
}
#menugauche #brindinfos li a{
display:block;padding-top:10px;height:25px;padding-left:37px;
}

/******************* PAGINATION *************************/
.pagination{
overflow: hidden;
float: right;
clear: both;
margin-bottom: 30px;
}
.pagination li{
float: left;
}
.pagination li a{
display: block;
padding: 5px;
border: 1px solid #e2e2e2;
margin-right: 1px;
}
.pagination li a:hover{
background: #e2e2e2;
}
.pagination li a.actif{
background: #9aad06;
color: #fff;
}

/************************* TEMPORAIRE ********************************/
#livraison-noel{
position:absolute;
left:-305px;
background: url(../Brindilles-img/livraison-noel-2.png);
width: 307px;
height: 143px;
}

p.mrSuccess {
	border: 2px solid #afbe0d;
	background-color: #dfe59f;
	padding: 8px;
}
p.mrSuccess br {
	margin-bottom: 8px;
}