body
{
margin : 0 ;
padding : 0 ;
font-family : Arial;
font-size : 11px ;
background:url(images/bg_body_underwater.jpg) no-repeat center top ;
background-attachment:fixed;
}

a
{
text-decoration : none ;
color : DimGray ;
}

a:active, a:focus, input [type=submit]:focus, input [type=submit]:active
{
outline : none ;
}


img
{
border : none ;
}

div#conteneur
{
position : relative ;
width : 986px ;
margin : 0 auto ;
padding : 0 ;
background-color:#fff ;
}
/* style header---------------------------------------------------------------------------------*/

div#header
{
margin : 0 ;
padding : 0 ;
height : 106px ;
background:url(images/bg_header_photo.jpg) no-repeat left top ;
position : relative;
}

div#flashcontent
{
margin : 0 ;
padding : 0 ;
position : absolute ;
right : 0 ;
top : 0 ;
width : 380px ;
height : 106px ;
z-index:20;
}

div#header h1
{
width : 300px ;
height : 100px ;
margin : 0 ;
padding : 0 ;
float : left ;
}

div#header h1 a
{
display : block ;
float : left ;
width : 300px ;
height : 100px ;
margin : 0 ;
padding : 0 ;
text-indent : -6000px ;
color : #fff ;
}

div#header p
{
color : #fff ;
float: left ;
margin : 0 0 0 30px ;
padding : 25px 0 0 0;
width : 275px ;
line-height : 12px ;
text-align : justify ;
}

div#main_menu
{
height : 36px ;
background:url(images/bg_main_menu.jpg) no-repeat left top ;
margin : 0 ;
padding : 0 ;
}

div#main_menu ul
{
margin : 0 ;
padding : 0 ;
width : 798px ; 
list-style-type : none ;
float : left ;

}

div#main_menu ul li
{
float : left ;
margin : 0 ;
padding :  0 ;
}

div#main_menu ul li a
{
display : block !important;
display : inline ;
color : #fff ;
font-size : 16px ;
height : 29px ;
font-weight : bold ;
margin : 0 ;
padding : 7px 18px 0 18px;
background:url(images/sep_main_menu.gif) no-repeat right top ;
}

* html div#main_menu ul li a
{
color : #fff ;
font-size : 17px ;
line-height : 36px ;
eeefont-weight : bold ;
margin : 0 ;
padding : 0 15px 0 15px;

background:url(images/sep_main_menu.gif) no-repeat right top ;
}


div#main_menu ul li a:hover, div#main_menu ul li a:focus
{
color : DimGray ;
}

div#main_menu form
{
line-height : 11px ;
margin : 0 ;
padding : 3px 10px 0 0 ;
text-align : right ;

}

input.search_field
{
background-color:none ;
border : none ;
width : 93px ;
height : 16px ;
background:url(images/bg_search.jpg) no-repeat left top ;
color : #0081B3 ;
font-size : 10px ;
padding : 3px 9px 0px 23px ;
margin : 0 ;
vertical-align : middle ;
}

input.search_valid
{
vertical-align : middle ;
}

div#main_menu form span
{
----text-align : right ;
margin : 0 ;
padding : 0 40px 0 9px ;
font-size : 9px ;
background:url(images/arrow_search.jpg) no-repeat left 3px ;
}

div#main_menu form span a
{
color : #fff ;
}

div#main_menu form span a:hover
{
text-decoration : underline ;
}

/* positionnement des blocs content ------------------------------------------------------------------*/
div#left
{
margin : 15px 0 0 0 ;
padding : 0 ;
width : 160px ;
float : left ;
}

div#sousmenu
{
margin : 15px 0 10px 178px ;
padding : 0 ;
height : 38px ;
background : url(images/bg_sousmenu.gif) no-repeat left top;
}

html>/**/body #center, x:-moz-any-link
{
margin : 10px 152px 20px 20px ;
}

html>/**/body #center, x:-moz-any-link, x:default
{
margin : 10px 152px 20px 178px ;
}

div#center
{
margin/*\**/ : 10px 152px 20px 178px ;
}

div#center
{

padding : 0 ;
width : 655px !important;
width : 654px ;
}

* html div#center
{
margin : 0px 102px 20px 178px ;
padding : 0 ;
}

html:not([lang*=""])  div#center
{
overflow:hidden ;
}

div#right
{
margin : 0 ;
padding : 0 ;
width : 160px ;
position : absolute ;
right : 0 ;
top : 205px ;
}

div#footer
{
clear : both ;
background : url(images/black60.png) repeat ;
margin : 0 ;
padding : 0 ;
}

div#footer_visible
{
width : 986px ;
margin : 0 auto ;
padding : 5px ;
text-align : center ;
color : #fff ;
}

div#footer_visible a
{
color : #fff ;
}

div#footer_visible a:hover, div#footer_visible a:focus
{
text-decoration : underline ;
}
/* style sous menu  ---------------------------------------------------------------------------------*/
div#sousmenu h1
{
float : left ;
margin : 0 ;
padding : 8px 0 0 10px ;
color : #666 ;
font-size : 16px ;
height : 38px ;
width : 320px ;
}

a.sousmenu_link
{
display : block ;
float : right ;
color : #666 ;
width : 70px ;
padding : 10px 5px 0 45px ;
height : 33px ;
}

a.sousmenu_link:hover
{
text-decoration : underline ;
}

a#monpanier
{
background:url(images/cart_icon.gif) no-repeat left 1px ;
}

a#moncompte
{
background:url(images/account_icon.gif) no-repeat left 1px ;
}

.flags
{
padding : 13px 5px 0 10px;
}

/* style menu marques---------------------------------------------------------------------------------*/
div.menu_marques, div.menu_services
{
width : 160px ;
margin : 0 0 20px 0 ;
padding : 0 ;

}

div.menu_marques h1, div.menu_services h1
{
color : #fff ;
font-size : 13px ;
font-weight : bold ;
margin : 0 ;
padding : 6px 0 0 8px ;
height : 24px ;
}

div.menu_marques h1
{
background:url(images/chapeau_menu.jpg) no-repeat left top ;
}

div.menu_services h1
{
background:url(images/chapeau_menu_gris.jpg) no-repeat left top ;
}

div.pied_menu
{
height : 7px ;
margin : 0 ;
padding : 0 ;
background:url(images/pied_menu.jpg) no-repeat left top;
}

div.menu_marques dl 
{
padding : 5px 0px 2px 8px ;
margin : 0 ;
background:url(images/corps_menu.jpg) repeat-y ;
}

div.corps_menu_services
{
padding : 5px 0px 2px 0px ;
margin : 0 ;
background:url(images/corps_menu.jpg) repeat-y ;
}

div.menu_marques dl dt
{
color : DimGray ;
font-weight : bold ;
cursor : pointer ;
}


div.corps_menu_services h2
{
color : DimGray ;
font-size : 11px ;
margin : 0 ;
padding : 5px 0 5px 8px ;
}

div.corps_menu_services p
{
color : DimGray ;
margin : 0 ;
padding : 5px 5px 10px 15px ;
background:url(images/trait_sep_services.gif) no-repeat left bottom ;
}

div.corps_menu_services img
{
display : block ;
padding : 5px 5px 0px 8px ;
}

div.corps_menu_services ul
{
color : DimGray ;
margin : 0 ;
padding : 5px 5px 10px 15px ;
background:url(images/trait_sep_services.gif) no-repeat left bottom ;
list-style-type : none ;
}

div.menu_marques dl dt:hover
{
color : #999999 ;
}

div.menu_marques dl dt:active, div.menu_marques dl dt:focus
{
color : DimGray ;
}

div.menu_marques dl dd
{
margin : 0 ;
padding : 0 ;
position : relative ;
left : -40px ;
}

*+html div.menu_marques dl dd
{
margin : 0 ;
padding : 0 ;
position : relative ;
left : 3px ;
}
*html div.menu_marques dl dd
{
margin : 0 ;
padding : 0 ;
position : relative ;
left : 3px ;
}

div.menu_marques dl ul
{
list-style-type : none ;
margin : 5px 0px 2px 4px ; ;
}

div.menu_marques dl ul li
{
margin : 0 0 4px 0 ;
padding : 0 ;
}

div.menu_marques dl ul li a
{
color : #0081B3 ;
}

div.menu_marques dl ul li a:hover
{
color : #999999;
}

div.clear
{
margin : 0 ;
padding : 0 ;
clear : both ;
}

/* style cadre promotions:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.zone_editable
{
width : 630px ;
margin : 25px 0 0 0  ;
padding : 0 ;
background:url(images/bg_promo_corps.gif) repeat-y left top ;

}

div.promo
{
width : 630px ;
height : 450px ;
margin : 25px 0 0 0  ;
padding : 0 ;
background:url(images/bg_promo_corps.gif) repeat-y left top ;

}

div.promo h1, div.zone_editable h1
{
color : DimGray ;
font-size : 16px ;
margin : 0 ;
padding : 5px 10px ;
background:url(images/bg_promo_chapeau.gif) no-repeat left top ;
}

div.corps_promo
{

margin : 0 ;
padding : 0;
}

div.pied_promo
{
background:url(images/bg_promo_pied.gif) no-repeat left bottom;
margin : 0 ;
padding : 0;
height : 39px ;
width : 630px ;
text-align : right ;
}

div.promo_product
{
	float : left ;
	width:160px;
	height:108px;
	margin : 20px 0 0 35px;
	padding : 10px 0 0 0;
	background : url(images/bg_promo_product.gif) no-repeat left top ;
	text-align : center;	
	font-size : 10px ;
	line-height : 10px ;
}

* html div.promo_product
{
	float : left ;
	width:160px;
	height:108px;
	margin : 20px 0 0 32px;
	padding : 10px 0 0 0;
	background : url(images/bg_promo_product.gif) no-repeat left top ;
	text-align : center;	
	display : inline ;
}


div.promo_product img
{
	display : block ;
	margin : 0 auto 3px auto;
	padding : 0 ;
}

div.promo_product a, div.pied_promo a
{
	color : DimGray ;
}
div.promo_product a:hover
{
text-decoration : underline ;
}

div.pied_promo a
{
padding : 0 15px ;
text-decoration: underline ;
background:url(images/arrow_gray.gif) no-repeat left center ;
}

div.pied_promo a:hover
{
text-decoration : none ;
}

div.promo_product a span
{
	color : red;
	font-weight : bold  ;
}

div.etiquette_promo
{
position : absolute ; 
margin : 0 ;
padding : 10px 0 0 5px ;
width : 33px ;
height : 23px ;
color : #fff ;
font-weight : bold ;
font-size : 12px ;
text-align : center ;
background:url(images/promo-etiquette.png) no-repeat right top ;

}

/* espace client ----------------------------------------------------------------------------*/
ul.espace_client li a
{
color : DimGray ;
padding-left : 30px ; 
line-height : 22px ;
}

ul.espace_client li a:hover
{
text-decoration : underline ;
}

li#ec1
{
background:url(images/profil_icon.gif) no-repeat left center ;
}

li#ec2
{
background:url(images/commandes_icon.gif) no-repeat left center ;
}

li#ec3
{
background:url(images/logout_icon.gif) no-repeat left center ;
}

/* page interieure niveau 1-----------------------------------------------------------------------------*/
a.arbo
{
color : #000 ;
text-decoration : underline ;
}

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

img.logo
{
margin : 0 20px 20px 0 ;
vertical-align : -60px ;
}

h1.titre_int
{
font-size : 24px ;
font-weight : normal ;
color : #000 ;
margin : 0 ;
padding : 0 ;
}

div.presentation_produit
{
width : 183px ;
float : left ;
margin : 0 35px 30px 0 ;

}

div.presentation_produit_right
{
width : 183px ;
float : right ;
margin : 0 35px 30px 0 ;
}

div.presentation_produit:hover
{
text-decoration : underline ;
cursor : pointer ;
}

div.presentation_produit a
{
color : DimGray ;
}

div.presentation_produit h2
{
background : url(images/chapeau_produit.gif) no-repeat left top ;
margin : 0 ;
padding : 5px 10px ;
font-size : 11px ;
font-weight: bold ;
height : 28px ;
}

div.corps_produit 
{
background:url(images/corps_produit.gif) repeat-y ;
text-align : center ;
padding : 9px 0 0 0;
}

div.pied_produit 
{
background:url(images/pied_produit.gif);
height : 27px ;
padding : 15px 0 0 60px ;
}

div.pied_produit_small
{
background:url(images/pied_produit_small.gif) no-repeat left bottom;
height : 6px ;
padding : 15px 0 0 60px ;
}

div.blabla_produit
{
margin : 10px 0 20px 0 ;
width : 630px ;
padding : 0 ;
text-align : justify ;
}

div.produit_panier
{
width : 630px ;
height : 110px ;
margin : 10px 0 ;
padding : 0 ;
background:url(images/bg_produit_panier.jpg) no-repeat left top ;
}

table.produit_panier_table
{
width : 605px ;
border : none ;
border-collapse : collapse ;
color : DimGray ;
}

table.produit_panier_table a
{
color : DimGray ;
}


span.prix
{
font-size : 16px ;
font-weight : bold ;
color : #155A77 ;
display : block ;
margin : 10px 0;
}

span.dispo
{
color : #009933 ;

}

span.pasdispo
{
color : red ;
}

span.pasdispo, span.dispo
{
display : block ;
margin : 5px 0 15px 0 ;
font-weight : bold ;
height : 19px ;
}

span.pasdispo img, span.dispo img
{
vertical-align : -3px ;
margin-right : 7px ;
}


span.alert
{
display : block ;
background:url(images/bg_envoyer_alerte.png) no-repeat right top;
height : 29px ;
margin : 0 ;
padding : 12px 20px 0 0 ;
}

span.alert:hover
{
text-decoration : underline ;
cursor : pointer ;
}

.pictos
{
margin-right : 15px ;
cursor : help ;
}
/* panier edit---------------------------------------------------------------------------------*/
table.panier_table
{
width : 630px ;
text-align : center ;
background-color:whitesmoke ;
color : DimGray ;
border-collapse : collapse ;
}


table.panier_table tr:hover
{
background-color:#fff ;
}

table.panier_table tr, table.panier_table tr th
{
border : 1px solid #fff ;
}


table.panier_table tr, table.panier_table td
{
padding : 6px ;
}

table.panier_table th
{
color : #fff ;
font-size : 13px ;
padding : 10px ;
}

table.panier_table tr.entete_table
{
background : url(images/bg_main_menu.jpg) repeat-x -10px top ;
}

table.panier_table tr.pied_table
{
font-weight : bold ;
font-size : 13px ;
background : url(images/bg_main_menu.jpg) repeat-x -10px top ;
color : #fff ;
}

table.panier_table tr.pied_table_colspan
{
+++++font-weight : bold ;
+++++font-size : 13px ;
++++background : url(images/bg_main_menu.jpg) repeat-x -10px top ;
+++++color : #fff ;
}

form.form_simple input[type=text], form.form_simple input[type=password], form.form_simple textarea, form.form_simple select
{
padding : 3px ;
color : DimGray ;
font-family : Arial;
font-size : 11px ;
}

form.form_simple fieldset
{
border : none ;
}

form.form_simple input[type=text]:focus, form.form_simple input[type=password]:focus, form.form_simple textarea:focus, form.form_simple select:focus
{
border : 2px solid silver  ;
}

form.form_simple
{
color : DimGray ;
width : 630px ;
margin : 0 ;
}

form.form_simple legend
{
font-weight : bold ;
font-size : 16px ;
color : #155A77 ;
}

form.form_simple a
{
color : DimGray ;
}

input.bouton
{
border : none ;
color : DimGray ;
height : 28px ;
font-size : 11px ;
padding : -10px ;
margin : 0 ;
cursor : pointer ;

}

input.bouton:hover
{
text-decoration : underline ;
}

input#bouton_enregistrer
{
background:url(images/button_enregistrer.gif) no-repeat left top ;
width : 127px ;
}

a#inscription
{
background:url(images/button_enregistrer.gif) no-repeat center top ;
display : block ;
height : 29px ;
text-align : center ;
padding : 6px 0 0 0 ;
}

a#inscription:hover
{
text-decoration : underline ;
}

a#passer_commande, a#retour_liste, a#upload, a#fermer_fenetre, a#paiement_cb, a#paiement_cheque, a#paiement_paypal, a#paiement_vi, a#paiement_3x
{
display : block ;
width : 171px ;
height : 22px ;
text-align : center ;
color : DimGray ;
padding : 6px 0 0 0 ;
margin : 0 0 20px 0 ;
}

a#passer_commande:hover, a#retour_liste:hover, a#upload:hover, a#fermer_fenetre:hover, a#paiement_cb:hover, a#paiement_cheque:hover, a#paiement_paypal:hover, a#paiement_vi:hover, a#paiement_3x:hover
{
text-decoration : underline ;
}

a#passer_commande
{
background:url(images/button_passer_commande.gif) ;
}

a#retour_liste
{
background:url(images/button_retour_liste.gif) ;
}

a#upload
{
background:url(images/button_upload.gif) ;
}

a#fermer_fenetre
{
background:url(images/button_fermer_fenetre.gif) ;
}

a#paiement_cb
{
background:url(images/button_paiement_cb.gif) ;
}

a#paiement_cheque
{
background:url(images/button_paiement_cheque.gif) ;
}

a#paiement_paypal
{
background:url(images/button_paiement_paypal.gif) ;
}

a#paiement_vi
{
background:url(images/button_paiement_virement.gif) ;
}

a#paiement_3x
{
background:url(images/button_paiement_3x.gif) ;
}


div.numerotation
{
clear : left ;
text-align : center ;
color : DimGray ;
width : 630px ;

}

div.numerotation a
{
color : DimGray ;
text-decoration : underline ;
font-size : 16px ;
font-weight : bold ;
}

div.numerotation a:hover
{
color : #fff ;
text-decoration : none ;
background-color:DimGray ;
}

h2.soustitre_int
{
font-size : 16px ;
}

div.pola
{
float : left ;
margin : 10px 35px 10px 10px;
padding : 0 ;
width : 171px ;
height : 175px ;
background:url(images/bg_pola.gif) no-repeat left top ;
color : DimGray ;
text-align : center ;
}

div.polavid
{
float : left ;
margin : 10px 35px 10px 10px;
padding : 0 ;
width : 171px ;
height : 137px ;
background:url(images/bg_player2.jpg) no-repeat center bottom ;
color : DimGray ;
text-align : center ;
}

div.pola img, div.polavid img
{
display : block ;
margin : 17px auto 8px auto;
}

div.polavid img
{
border-left : 2px solid silver ;
border-top : 2px solid silver ;
border-right : 2px solid silver ;
}

div#fidelity
{
width : 170px;
height : 100px ;
margin : 30px auto ;
padding : 10px 15px  ;
background:url(images/bg_fidelity.gif) ;
}

div#fidelity span
{
display : block ;
color : #115D92 ;
padding : 20px 10px 10px 70px ;
font-size : 20px ;
font-weight : bold ;
}

/* style scoll menu -------------------------------------------------------------------------*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:15px;
background : url(images/bg_scroll.jpg) repeat-y right top;
}
.vscrollerbar {
background-image: url(images/scrollbar.png);
width: 15px;
height: 110px !important;
background-image: url(images/scrollbar.png);
}

* html .vscrollerbar {

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


.hscrollerbase {height: 15px;}
.hscrollerbar {height: 15px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {

padding: 0px;
z-index: 2;
}


.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
-----background: #698AAA;
}