*{
margin: 0;
padding: 0;
}

img{
border: 0;
}

/*******************************************************************************************************/
/* Styles communs pour controles .NET */
/*******************************************************************************************************/
.Label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #231F20;
}
.TextBox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #231F20;
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
}
.TextBoxSansBordure
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #231F20;
	border:none;
	background-color:#FFFFFF;
}
.DropDownList{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #231F20;
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
}
.RegularExpressionValidator{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #e7405a;
}
.RequiredFieldValidator{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #e7405a;
}
.FileUpload{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #123d83;
	background-color:#d9d9d9;
	border:none;
}
.HyperLink{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #123d83;
	border:none;
}

.LinkButton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #123d83;
	border:none;
}
.Image
{
    border:none;
}
.Button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	background-color:#A3238E;
	border:none;
	padding: 3px;
}
.ImageButton
{
    border:none;
}
.CheckBox{
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
}
.CheckBoxList{
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
}
.ListBox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #123d83;
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
}
.RadioButton{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#231F20;
	background-color:#FFFFFF;
}
.RadioButtonList{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6d6f71;
}
/*******************************************************************************************************/
/* Style commun avec balises XHTML classique */
/*******************************************************************************************************/
/* BODY */
body{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #231F20;
	
background: #d9d9da;
}
/* H1, H2, H3 ... */
h1{
	color:#8E3B57;
	font-size:18px;
	display:inline;
}
h2{
	color:#231F20;
	font-weight:bold;
	font-size:13px;
}
/* TRAIT */
/*hr{
	color: #D1D3D4;
    height: 1px;
    width:610px;
}*/
/*.trait-violet
{
    border-bottom: 1px #A3238E solid;
}*/
.trait-violet
{
    background-image:url(image/trait/trait-violet.gif);
    background-repeat:repeat-x;
    background-position:left bottom;
}
/*LI*/
li
{
    list-style-image:url(image/picto/img_li.gif);
    list-style-position: inside;
    
}
/* COULEURS DES LIENS */
a:link {
	color: #231F20;
	text-decoration: none;
}
a:visited {
	color: #231F20;
	text-decoration: none;
}
a:hover {
	color: #A3238E;
	text-decoration: none;
}
a:active {
	color: #A3238E;
	text-decoration: none;
}

/*******************************************************************************************************/
/* Style spécifique à ce site */
/*******************************************************************************************************/

/*liens compte*/
.lienscompte{
	font-size:9px;
	text-decoration:none;
	font-weight: bold;
}
.lienscompte2{
	font-size:9px;
	text-decoration:none;
}
a.lienscompte:link {
	color: #231F20;
	text-decoration:none;
}
a.lienscompte:visited {
	color: #231F20;
	text-decoration:none;
}
a.lienscompte:hover {
	color: #A3238E;
	text-decoration:none;
}
a.lienscompte:active {
	color: #A3238E;
	text-decoration: none;
}

/*liens gris*/
.liensgris
{
    color: #6D6F71;
	font-size:11px;
}
.liensgris:link{
	color: #6D6F71;
	font-size:11px;
}
.liensgris:hover{
	color: #A3238E;
	font-size:11px;
}
.liensgris:active{
	color: #A3238E;
	font-size:11px;
}
.liensgris:visited{
	color: #A3238E;
	font-size:11px;
}
.liensgris12
{
    color: #6D6F71;
	font-size:12px;
}
.liensgris12:link{
	color: #6D6F71;
	font-size:12px;
}
.liensgris12:hover{
	color: #A3238E;
	font-size:12px;
}
.liensgris12:active{
	color: #A3238E;
	font-size:12px;
}
.liensgris12:visited{
	color: #575a5d;
	font-size:12px;
}
.liensgrispetit
{
    color: #6D6F71;
	font-size:9px;
}
.liensgrispetit:link{
	color: #6D6F71;
	font-size:9px;
}
.liensgrispetit:hover{
	color: #A3238E;
	font-size:9px;
}
.liensgrispetit:active{
	color: #A3238E;
	font-size:9px;
}
.liensgrispetit:visited{
	color: #A3238E;
	font-size:9px;
}
/**/
.filviolet9{
	color:#8E3B57;
	font-size:9px;
	text-decoration:none;
}
.filviolet9:link{
	color:#8E3B57;
	font-size:9px;
	text-decoration:none;
}
.filviolet9:hover{
	color:#A3238E;
	font-size:9px;
	text-decoration:none;
}
.filviolet9:active{
	color:#8E3B57;
	font-size:9px;
	text-decoration:none;
}
.filviolet9:visited{
	color:#8E3B57;
	font-size:9px;
	text-decoration:none;
}
/*liensblanc*/
.liensblanc{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}
.liensblanc:link{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}
a.liensblanc:hover{
	color:#6A7E92;
	font-size:13px;
	text-decoration:none;
}
a.liensblanc:active{
	color:#6A7E92;
	font-size:13px;
	text-decoration:none;
}
a.liensblanc:visited{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}
/* TEXTES ( COULEURS ) */
/*gris*/
.txt-grisfonce
{
    color:#6A7E92;
	font-size:13px;
}
.txt-grisgd
{

	color: #6D6F71;
	font-size: 14px;
	font-weight:bold;
}
.txt-gris{
	color: #6D6F71;
	font-size:12px;
}
.txt-gris-couleur{
	color: #6D6F71;
}
.txt-gris14{
	color: #6D6F71;
	font-size: 14px;
}
.txt-gris14:link{
	color: #6D6F71;
	font-size: 14px;
	text-decoration:none;
}
.txt-gris14:hover{
	color: #A3238E;
	font-size: 14px;
	text-decoration:none;
}
.txt-gris14:active{
	color: #6D6F71;
	font-size: 14px;
	text-decoration:none;
}
.txt-gris14:visited{
	color: #6D6F71;
	font-size: 14px;
	text-decoration:none;
}
.txt-gris9{
	color: #6D6F71;
	font-size:9px;
}
/**/
.txt-violet{
	color: #A3238E;
}
.txt-blanc
{
    color:White;
 }
.txt-violet{
	color:#8E3B57;
	font-size:13px;
}
.txt-violetcompte{
	color:#A3238E;
	font-size:9px;
}
/*TEXTES (TAILLES)*/

.txt-petitpetit{
font-size: 0.7em;
font-weight: bold;
}

.txt-petit{
font-size:9px;
}
.txt-moyen
{
    font-size:11px;
}
.txt-12
{
    font-size:12px;
}
.txt-grand
{
    font-size:13px;
}
.txt-10
{
    font-size:10px;
}
.titre{
color: #231F20; 
font-size: 13px; 
font-weight:bold;
}
/* ARRIERE PLAN (IMAGES)*/
/* FOND CADRE */
.fond-compte{
	height:45px;
	text-align:left;
}
.fond-cp{
	background-image: url(image/cadre/fond_copdepostal.gif);
	background-repeat: repeat-x;
}
.fond-logo-client
{
    background-image:url(image/fond/fond-logo-client.gif);
    background-repeat:no-repeat;
}
.ombre-haute
{
    background-image: url(image/cadre/ombre_haut.gif);
	background-repeat: repeat-x;
	background-position:top;
}
.ombre-gauche
{
    background-image: url(image/cadre/ombre_gauche.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.ombre-droite
{
    background-image: url(image/cadre/ombre_droit.gif);
	background-repeat: repeat-y;
	background-position:left top;
}
.ombre-bas
{
    background-image: url(image/cadre/ombre_bas.gif);
	background-repeat: repeat-x;
	height:13px;
}
/*fond processus de commande*/
.fond-degradegris
{
    background-image:url(image/fond/fond_degrade-gris.gif);
    background-repeat:repeat-x;
}
.fond-violet
{
    background-image:url(image/fond/fond_degrade-violet-panier.gif);
    background-repeat:repeat-x;
}
.fond-violet-recap
{
    background-image:url(image/fond/fond_degrade-violet-recap.gif);
    background-repeat:repeat-x;
}
/* TRAIT SPECIFIQUE */
.trait-point
{
    background-image: url(image/trait/trait_point-gris.gif);
	background-repeat: no-repeat;
	background-position:left top;
}
.trait-point-gris
{
    background-image: url(image/fond/fond_titre.gif);
	background-repeat: repeat-x;
	background-position:left center;
}
.trait-gris
{
    background-image: url(image/trait/trait-menu.gif);
	background-repeat: repeat-x;
	background-position:left top;
}
        
/* FOND NAVIGATION */
#contenu{
width: 898px;                
margin: auto;
background: #ffffff;
padding: 15px;
}
/* FOND*/
.fond-ok
{
    border:none;
    background-color:#a3238e;
    color:White;
    font-size:8px;
    /*font-weight:bold;*/
    width:23px;
    height:12px;
cursor: pointer;
}
/*TEXT BOX*/
.fond-cadreVIP{
}
    
/********zoom images************/

/* img{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    width: 2px;
    height: 47px;
} */
#bulle 
{
	position: absolute; 
	visibility: hidden;  
	font-size:12px;
}
.info
{
	border:1px solid #666666; 
	padding: 7px; color:#666666; 
	background-color:#FFFFFF; 
	font-family:"trebuchet MS";
}
.taille
{
	height:171px; 
	width:222px;
}
/**********************************/
/* .img{border:#dfdcdc solid 1px;} */


/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/* /////////// Styles global ///////////// */

p{
margin-bottom: 7px;
}

.floatleft{
float: left;
}

/* /////////// Top toutes pages ///////////// */

.clear{
clear: both;
height: 0px;
}

#logo{
float: left;
width: 229px;
margin-right: 25px;
}

#rightheader{
float: right;
width: 644px;
}

#compteclient{
background: url(image/bg-compte-client.jpg) no-repeat;
background-position: 0 8px;
width: 272px;
height: 55px;
float: right;
padding: 0 5px 0 8px;
}

#menuhaut{
clear: right;
}

#creercompte{
float: right;
width: 100px;
}

#auth{
float: left;
width: 145px;
}

#auth input{
float: right;
}

.fond-ok{
margin-left: 2px;
}

.email{
margin-top: 3px;
}
.email2{
margin-top: 4px;
}

#centerhome{
margin-top: 20px;
}

.imgcenter{
border: 7px solid #d9d9da;
}

#lefttunel{
float: left;
width: 722px;
margin-bottom: 15px;
}

/* /////////// Menu droite tunel et gauche defaut ///////////// */

#menudroitetunel{
float: right;
width: 169px;
}

#menugauche{
float: left;
}

#menus{
padding: 7px;
background: #d9d9da;
height:100%;
min-height:506px;
}

#menus a{
font-size: 10px;
}

.menu1, .menu2{
background: #ffffff;
width: 155px;
padding: 5px 0 5px 0;
font-size: 12px;
}

.menu1, #menus .menu1 p a{
color: #8c0579;
font-size: 12px;
}

.menu2{
color: #460144;
margin-top: 7px;
}

.grand{
font-size: 20px;
}

.menu1 p, .menu2 p{
margin: 0 0 10px 8px;
}

#menus .lienmenudroite{
background: url(image/bg-menu-tunel.jpg) no-repeat;
background-position: center;
width: 138px;
height: 18px;
list-style-type: none;
list-style-image: none;
/* margin-top: 2px; */
padding: 6px 0 0 0;
display: block;
margin-left: 8px;
font-weight: bold;
}

#menus .lienmenudroite a{
color: #ffffff;
padding: 2px 0 0 8px;
}

#menudroitetunel .lienmenudroite:hover{
background: url(image/bg-menu-tunel-hover.jpg) no-repeat;
background-position: center;
position: relative;
left: -8px;
padding-left: 8px;
}

#menus #ctl00_i_ucMenuCatalogue_i_accordionMenuCatalogue_Pane_1_header_i_divLienMenuDroite, 
#menus #ctl00_i_ucMenusGauche_i_accordionMenuGauche_Pane_0_header .lienmenudroite, 
#menus #ctl00_i_ucMenusGauche_i_accordionMenuGauche_Pane_1_header .lienmenudroite{
background: url(image/bg-menu-tunel2.jpg) no-repeat;
background-position: center;
}

#menudroitetunel #menus #ctl00_i_ucMenuCatalogue_i_accordionMenuCatalogue_Pane_1_header_i_divLienMenuDroite:hover, 
#menudroitetunel #menus #ctl00_i_ucMenusGauche_i_accordionMenuGauche_Pane_0_header .lienmenudroite:hover, 
#menudroitetunel #menus #ctl00_i_ucMenusGauche_i_accordionMenuGauche_Pane_1_header .lienmenudroite:hover{
background: url(image/bg-menu-tunel-hover2.jpg) no-repeat;
background-position: center;
}

/* Sous-menu droite tunel et gauche defaut */

#menus .sousmenu{
background: #f5f6f6;
margin: 0 8px 0 8px;
padding: 0 0 6px 0;
}

#menus .liensousmenudroite{
padding-top: 1px;
margin-left: 8px;
}

#menus .liensousmenudroite a{
color: #8e1a7d;
}

/* /////////// Tunel ///////////// */

.textehome{
background: #ffffff;
color: #6e6e6e;
padding: 10px 5px 5px 10px;
margin: 0 0 0 10px;
font-size: 9px;
width: 530px;
height: 82px;
position: absolute;
top: 504px;
margin: 0 0 0 17px;
}

/* /////////// Footer ///////////// */

#menubas{
clear: both;
height: 49px;
}

#menubas .liensbas{
float: left;
margin-top: 39px;
margin-bottom: 10px;
font-size: 9px;
}

#menubas .ImageButton{
float: right;
}

/* /////////// Site defaut ///////////// */

#page{
margin-top: 11px;
}

#maindefaut{
width: 716px;
float: right;
}

#maindefaut #banniere img{
width:716px;
height:126px;
}

#menudefaut .menu1 div{
display: none;
}

#menudefaut .menu1 p{
margin-bottom: 5px;
}

#filariane, #filariane a{
color: #6b5345;
font-size: 11px;
}

#filariane{
padding: 3px;
margin-top:3px;
}

#article{
padding: 30px 60px 60px 60px;
color: #460144;
font-size: 12px;
}

#articletitle{
/*padding: 30px 60px 60px 60px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:34px; 
color:#460144; 
text-transform:uppercase;
}

#article p{
color: #460144;
font-size: 12px;
}

/* /////////// Catalogue ///////////// */

#maincatalogue{
width: 560px;
margin: 0 10px 0 9px;
float: left;
}

#maincatalogue #banniere img{
width: 560px;
height: 105px;
}

#droitecatalogue{
width: 149px;
float: right;
}

#filarianecatalogue{
border-bottom: 1px solid #8E1A7D;
}

.menudivers{
padding-top: 15px;
background: #ffffff;
font-weight: bold;
font-size: 9px;
}

.menudivers a{
color: #8E1A7D;
border-bottom: 1px solid #8E1A7D;
display: block;
padding: 4px 0 3px 1px;
}

#catalogue{
margin-top: 10px;
}

#articlespanier{
background: #8c0579;
width: 144px;
height: 21px;
margin: 5px 0 20px 0;
color: #ffffff;
padding: 7px 0 0 5px;
font-size: 10px;
font-weight: bold;
}

.plaquette{
float: right;
font-size: 10px;
width: 100px;
margin-bottom: 25px;
}

#menuboissons{
background: url(image/bg-boissons.png) repeat-y;
width: 157px;
position: relative;
left: -3px;
}

.menuboissons{
position: relative;
left: -3px;
}

#menuboissons a{
border-top: 1px solid #e6e6e7;
margin-left: 12px;
display: block;
width: 129px;
padding: 3px 0 3px 1px;
}

/* /////////// Bandeau catalogue ///////////// */

.divBandeau1, .divBandeau2, .divBandeau3{
height: 126px;
margin-bottom: 10px;
font-size: 11px;
font-weight: bold;
text-align: center;
}

.divBandeau1 img, .divBandeau2 img, .divBandeau3 img{
height: 107px;
margin-bottom: 3px;
}

.divBandeau1{
float: left;
width: 136px;
background: #d9d9da;
overflow: hidden;
color: #7d236c;
}

.divBandeau2{
width: 288px;
float: left;
overflow: hidden;
background: #8c0579;
}

.divBandeau2 a{
color: #ffffff;
}

.divBandeau3{
float: right;
width: 136px;
background: #d9d9da;
overflow: hidden;
color: #7d236c;
}

.divBandeau3 a, .divBandeau1 a{
color: #7d236c;
}

/* /////////// Listing produits ///////////// */

.produit{
width: 183px;
height: 192px;
background: #d9d9da;
float: left;
margin: 0 5px 10px 0;
}

.imageproduit{
height: 124px;
width: 175px;
background: #ffffff;
text-align: center;
margin: auto;
cursor: pointer;
}

.imageproduit img{
height: 124px;
width: 175px;
}

.designation{
color: #780373;
margin: 4px 0 0 4px;
height: 17px;
}

.prix{
float: right;
font-size: 13px;
color: #780373;
padding: 3px 3px 0 0;
}

.quantite{
width: 22px;
height: 10px;
margin: 1px 2px 2px 0;
float: right;
}

.blocquantite{
float: right;
color: #ffffff;
font-size: 10px;
text-align: right;
}

.txquantite{
line-height: 16px;
}

.plusinfos{
float: left;
}

.basproduit{
background: url(image/bg-infos.png) repeat-x;
height: 33px;
}

/* /////////// Popup ///////////// */

.modalBackground {
background: #b0b1b1;
opacity : 0.6;
-moz-opacity : 0.7;
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter : alpha(opacity=70); /* IE < 8 */ 
}

.popup{
/*background: url(image/bg-zoom.png) no-repeat;*/
/*position: absolute;*/
float: none;
width: 650px;
/*height: 363px;*/
/*padding: 40px 20px 40px 40px;*/
color: #9b9b9b;
}


.toppopup{
background: url(image/bg-zoom-top.png) no-repeat;
padding: 40px 30px 0 40px;
}

.bottompopup{
background: url(image/bg-zoom-bottom.png) no-repeat;
height: 29px;
}

.contentpopup{
background: url(image/bg-zoom-center.png) repeat-y;
padding: 0 20px 10px 40px;
}

.imagepopup{
width: 280px;
float: left;
}

.imagepopup img{
border: 3px solid #9c9d9f;
width: 280px;
}

.titrepopup{
float: left;
margin-bottom: 15px;
}

.titreproduitpopup{
font-size: 13px;
font-weight: bold;
}

.prixproduitpopup{
font-size: 18px;
}

.mentionpopup{
font-size: 9px;
}

.fermer{
float: right;
}

.rightpopup{
float: right;
width: 275px;
padding-top: 8px;
color: #9b9b9b;
font-size: 12px;
/*line-height: 17px;*/
}

.quantitepopup{
color: #ffffff;
background: #8E1A7D;
width: 208px;
height: 19px;
font-size: 9px;
text-align: right;
padding: 2px 3px 0 0;
/*margin: 0 0 10px 10px;*/
margin: 0 0 10px 0;
}

.quantitepopup input{
width: 27px;
height: 13px;
}

.quantitepopup .txquantitepopup{
position: relative;
bottom: 2px;
}

.ajouterpopup{
text-align: right;
background: #9b9c9e;
width: 209px;
height: 18px;
padding: 2px 2px 0 0;
/*margin: 0 0 10px 10px;*/
}

.cafepopup{
font-size: 11px;
padding-top: 5px;
}

.popup2{
background: url(image/bg-zoom2.png) no-repeat;
/*position: absolute;*/
float: none;
padding: 3px;
width: 534px;
height: 60px;
padding: 40px 20px 40px 40px;
color: #9b9b9b;
}

.txtajoutpanier{
padding-top: 20px;
font-size: 14px;
}

.clear{
clear: both;
height: 0px;
}