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;
}

@font-face {
    font-family: 'customParrainage';
    src: url('font/aachen.eot');
    src: url('font/aachen.eot?#iefix') format('embedded-opentype'),
         url('font/aachen.woff') format('woff'),
         url('font/aachen.ttf') format('truetype'),
         url('font/aachen.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

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


img
{
border : none ;
}

#conteneur
{
position : relative ;
width : 986px ;
margin : 0 auto ;
padding : 0 ;
background-color:#fff ;
outline: 10px solid white ;
box-shadow : 0 0 25px 15px #000;
}
/* style header---------------------------------------------------------------------------------*/

div#header
{
margin : 0 ;
padding : 0 ;
height : 106px ;
background:url(images/bg_header_photo_2017.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;
overflow : hidden ;
border-radius : 0 20px 0 0 ;
-moz-border-radius : 0 20px 0 0 ;
-webkit-border-radius : 0 20px 0 0 ;
-khtml-border-radius : 0 20px 0 0 ;
-o-border-radius : 0 20px 0 0 ;
}

.headerDiapo
{
width : 380px ;
height : 106px ;
overflow : hidden ;
position : relative ;
z-index : 19 ;
border-radius : 0 20px 0 0 ;
-moz-border-radius : 0 20px 0 0 ;
-webkit-border-radius : 0 20px 0 0 ;
-khtml-border-radius : 0 20px 0 0 ;
-o-border-radius : 0 20px 0 0 ;
}

.headerDiapo img
{
display : block ;
-moz-border-radius : 0 20px 0 0 ;
-webkit-border-radius : 0 20px 0 0 ;
-o-border-radius : 0 20px 0 0 ;
-khtml-border-radius : 0 20px 0 0 ;
border-radius : 0 20px 0 0 ;
}

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

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

div#header p
{
color : #fff ;
float: left ;
margin : 0 0 0 20px ;
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:transparent ;
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;
position : relative ;
}

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;
_width : 654px ;
min-height: 1690px ;
}

.home #center{
	/*width : 630px ;*/
}

* 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 : 280px ;
}

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 ;
display : none ;
}

*+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, br.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#ec2ter
{
background:url(images/sponsor-icon.png) 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 ;
}

.titre_int.parrainage
{
background : url(images/bg_parrainage1.png) no-repeat left top ;
color : #fff ;
font-size : 30px ;
height : 100px ;
margin : 0 0 0 -5px ;
padding : 30px 0 0 40px ;
text-transform : uppercase ;
}

.titre_int.parrainage span
{
display : block ;
color : red ;
font-size : 24px ;
}

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 0 0;
}

.prixTeam
{
color : #FF9900 ;
}

.prixTeam strong
{
color : #333 ;
font-variant : small-caps ;
}

.prixTeam a
{
color : #666 ;
}

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#inscription2
{
background:url(images/btnteam.gif) no-repeat center top ;
display : block ;
height : 29px ;
text-align : center ;
padding : 6px 0 0 0 ;
}

a#inscription:hover, a#inscription2: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, a#paiement_3x_cb, a#paiement_4x_cb
{
display : block ;
width : 171px ;
height : 22px ;
text-align : center ;
color : DimGray ;
padding : 6px 0 0 0 ;
margin : 0 0 20px 0 ;
}

.modes-paiement a#paiement_cb, .modes-paiement a#paiement_cheque,.modes-paiement  a#paiement_paypal, .modes-paiement a#paiement_vi,.modes-paiement  a#paiement_3x,.modes-paiement  a#paiement_3x_cb,.modes-paiement  a#paiement_4x_cb{
	width : 145px;
	height : 80px;
	background-image : none;
	border : 1px solid gray;
	box-shadow : 0 0 1px 1px solid silver;
	-webkit-box-shadow : 0 0 1px 1px solid silver;
	-moz-box-shadow : 0 0 1px 1px solid silver;
	background: #eee ;
	border-radius : 5px;
	margin : 1em auto;
	text-align : center;
	font-size : 12px;
	font-weight : bold;
	box-sizing : border-box;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	padding: .5em 1em;
	display : block;
}

.modes-paiement a span{
	display : block ;
	background-image : url(images/sprite-modes-paiement.png) ;
	background-repeat : no-repeat ;
	background-position :  center 10px;
	height : 40px;
}

.modes-paiement a:hover
{

 box-shadow : 0 0 0 5px #29C405;
 text-decoration : none !important;
 color : #29C405 !important;

}

.modes-paiement a#paiement_paypal span{
	background-position:   center -40px;
}
.modes-paiement a#paiement_cheque span{
	background-position:   center -95px;
}
.modes-paiement a#paiement_3x span{
	background-position:   center -150px;
}
.modes-paiement a#paiement_vi span{
	background-position:   center -200px;
}
.modes-paiement a#paiement_3x_cb span{
	background-position:   center -245px;
}
.modes-paiement a#paiement_4x_cb span{
	background-position:   center -295px;
}

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;
}



.teamGradient
{
width : 631px ;
height : 43px ;
background : url(images/teamGradient.jpg) no-repeat left top ;
font-size : 14px ;
font-weight : bold ;
color:#666;
margin : 20px 0 ;
padding : 35px 0 0 40px;
position:relative ;
}

.teamGradient strong
{
font-size : 15px ;
color : #155A77 ;
opacity:0.999;
filter: alpha(opacity=99);
}

.teamGradient span
{
position :absolute ;
right : 122px ;
top : 34px ;
}

.teamGradient span strong
{
font-size : 15px ;
color : #FF9900 ;
}

.teamGradient span a
{
font-size : 12px ;
color : #FF9900 ;
font-weight : normal ;
text-decoration : underline ;
}

#nav
{
text-align:center ;
position : absolute ;
z-index : 100 ;
right : 10px ;
top : 15px ;
}

#nav a
{
display : inline-block ;
width : 12px ;
height : 12px ;
line-height : 12px ;
border-radius : 6px ;
-moz-border-radius : 6px ;
-webkit-border-radius : 6px ;
-khtml-border-radius : 6px ;
-o-border-radius : 6px ;
margin : 0px 8px 20px 0 ;
font-size : 9px ;
text-align:center ;
overflow : hidden ;
box-shadow : 1px 1px 6px #000 ;
color : #fff
}

#nav a:not(.activeSlide)
{
background : gray ;
}

#nav a.activeSlide
{
background : #0081B3 ;
}

.diapoA
{
display : block ;
position :relative ;
width : 620px ;
height : 250px ;
}

.diapo{
	position : relative ;
	margin : -25px 5px -33px 5px ;
	width:620px;
	height:250px;
	overflow:hidden ;
}
.diapo img.slide
{
cursor : pointer ;
width : 620px ;
height : 250px ;
}

.diapoA span
{
position : absolute ;
z-index : 98 ;
background : #000 ;
background : rgba(0,0,0,0.7);
color : #fff ;
left : 0 ;
bottom : 0 ;
font-size : 11px ;
width : 600px ;
padding : 10px ;
}

.block
{
display : block ;
}

.alignCenter
{
text-align:center
}

.emailInputParrainage
{
width : 125px ;
border : 1px solid #666  ;
padding : 4px 5px ;
background : #fff ;
border-radius : 5px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
color : dimGray ;
font-size : 11px ;
font : normal italic 11px/12px Arial, Helvetica, sans-serif ;
-moz-box-shadow : inset 1px 1px 3px #333 ;
-webkit-box-shadow : inset 1px 1px 3px #333 ;
box-shadow : inset 1px 1px 3px #333 ;
}

.parrainageEncart
{
padding : 120px 0 0 0 ;
margin : 0 0 20px 0 ;
text-align : center ;
color : #C6081D ;
font-size : 12px ;
}

.parrainageEncart strong
{
display : block ;
text-align : center ;
font-size : 120px ;
font-family : customParrainage, Arial, Helvetica, sans-serif ;
font-weight : normal ;
}

.parrainageEncart strong span
{
font-size : 40px ;
}

.parrainageEncart1
{
margin-top : -1px ;
}
.parrainageEncart1_fr
{
background : url(images/pourVous_fr.png) no-repeat 15px top ;
}
.parrainageEncart1_ang
{
background : url(images/pourVous_ang.png) no-repeat 15px top ;
}
.parrainageEncart1_esp
{
background : url(images/pourVous_esp.png) no-repeat 15px top ;
}
.parrainageEncart2
{
margin-top : -5px ;
}
.parrainageEncart2_fr
{
background : url(images/pourVosAmis_fr.png) no-repeat 15px top ;
}
.parrainageEncart2_ang
{
background : url(images/pourVosAmis_ang.png) no-repeat 15px top ;
}
.parrainageEncart2_esp
{
background : url(images/pourVosAmis_esp.png) no-repeat 15px top ;
}

.parrainageSep
{
background : url(images/bg_parrainage2.png) no-repeat center center;
margin : 0 0 0 0 ;
padding : 0 ;
height : 26px ;
}

.customSelectLegend
{
margin : 0 ;
padding : 0 ;
position : absolute ;
top : 2px ;
left : 390px ;
}

.customSelectLegend span
{
display : block ;
font-size : 10px ;
}

.justify
{
text-align : justify ;
}

p.warning
{
width : 300px ;
padding : 10px 10px 10px 35px ;
margin : 20px auto ;
border-radius : 10px ;
-o-border-radius : 10px ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
-khtml-webkit-border-radius : 10px ;
background : url(images/warning.png) no-repeat 5px center #FF9999 ;
border : 4px solid #FF6666 ; 
font-weight : bold ;
color : #fff ;
}
p.warning.large
{
width : 450px ;
padding : 10px 10px 10px 40px ;
margin : 20px auto ;
border-radius : 10px ;
-o-border-radius : 10px ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
-khtml-webkit-border-radius : 10px ;
background : url(images/warning.png) no-repeat 5px 10px #FF9999 ;
border : 4px solid #FF6666 ; 
font-weight : normal ;
color : #333 ;
}

.produit_panier_table .vatNotIncluded
{
font-size : 9px !important ;
padding : 2px 0 0 0px !important ;
font-size : bold ;
display : block ;
color : #155A77 ;
}
.teamGradient .vatNotIncluded
{
font-size : 9px !important ;
padding : 2px 0 0 0px !important ;
font-size : bold ;
display : block ;
color : #155A77 ;
position : absolute ;
left : 40px ;
top : 45px ;
}
.teamGradient span .vatNotIncluded
{
font-size : 9px !important ;
padding : 0px 0 0 0px !important ;
font-size : normal !important ;
display : block ;
color : #FF9900 !important;
position : static !important ;
text-align : left ;
margin-top : 0px !important;
}

.teamGradientWidthVat span.teamMembership
{
top : 30px !important ;
}

.teamGradientWidthVat
{
padding-top : 30px !important ;
}

.corps_menu_services .vatNotIncluded, .pied_table .vatNotIncluded
{
display : block ;
font-size : 9px ;
}

/************************************MAJ fiche produit février 2013***************************/
#productDiapoWrap
{
margin : 0px 0 20px 23px ;
padding : 0 ;
position : relative ;
width : 590px ;
height : 281px ;
overflow : visible ;
}

#productDiapo
{
margin : 0 ;
padding : 0 ;
position : relative ;
width : 590px ;
height : 238px;
overflow : hidden  ;
text-align : center ;
}

#productDiapo div.productDiapoItem
{
margin : 0 ;
padding : 0 ;
position : relative ;
width : 590px ;
height : auto ;
overflow : hidden  ;
text-align : center ;
}

#productDiapo object, #productDiapo img
{
display : block ;
margin : 0 auto ;
padding : 0 ;
max-width : 590px ;
max-height : 238px ;
height : auto;
}

#productDiapo object
{
height : 238px !important;
}

.navProduct
{
position : absolute ;
width : 45px ;
height : 96px ;
top : 72px ;
background-image : url(images/productNav.png) ;
background-repeat : no-repeat ;
z-index : 30 ;
text-indent : -5000px ;
overflow : hidden ;
}

#prevProduct
{
left : -23px  ;
background-position :  0 0 ;
}

#prevProduct:hover, #prevProduct:focus, #prevProduct:active
{
background-position :  0 -96px ;
}

#nextProduct
{
right : -23px  ;
background-position :  -45px  0 ;
}
#nextProduct:hover, #nextProduct:focus, #nextProduct:active
{
background-position :   -45px  -96px ;
}

#navProduct
{
position : absolute ;
left : 0 ;
bottom : 0 ;
background : #000 ;
background : rgba(0,0,0,0.6);
list-style-type : none ;
z-index : 31 ;
height : 43px ;
margin : 0 ;
padding : 0 5px 0 10px ;
width : 575px ;
}

#navProduct li
{
float : left ;
width : 38px ;
padding : 0 ;
margin : 0 3px 0 0 ;
}
#navProduct li:last-child
{
margin : 0 0px 0 0 !important ;
}
#navProduct li.activeSlide a img
{
box-shadow : 0 0 5px #000 ;
}
#navProduct li.activeSlide a
{
position : relative ;
bottom : 2px ;
}
#navProduct li a
{
display : block ;
padding-top : 10px ;
padding-bottom : 6px ;
}
#navProduct li a.productDiapoItemVideo
{
background : url(images/productVideo.png) no-repeat center 4px ;
}

li.productDiapoItemVideo
{
float : right !important;
}

#navProduct li a.productDiapoItemVideo img
{
visibility : hidden !important ;
}



.commandeLivraison
{
border-radius : 5px ;
-webkit-border-radius : 5px ;
-moz-border-radius : 5px ;
-khtml-border-radius : 5px ;
-o-border-radius : 5px ;
border : 1px solid silver ;
margin : 15px 0  ;
padding : 10px 10px ;
width : 610px ;
}

.commandeLivraison p
{
margin : 0 ;
}
.commandeLivraison h3
{
display : block ;
margin : 0 0 5px 0;
color : #0081B3 ;
padding : 0 ;
font-size : 16px ;
}
.commandeLivraison h4
{
font-weight : normal ;
font-size : 11px ;
font-style : italic ;
color : #29C405 ;
margin-top : 0 ;
padding-top : 0 ;
}
.commandeLivraison ul
{
margin : 10px 0 0 0 ;
}
.commandeLivraison ul a
{
color : #0081B3 ;
}
.tableLivraison
{
border:none ;
border-collapse  : collapse ;
margin : 15px 0auto;
padding : 0 ;
width : 610px ;
max-width : 610px ;
}

.tableLivraison .price
{
color : #000 ;
font-weight : bold ;
font-size : 16px ;
padding : 7px 5px 0 5px ;
margin : 0px 0 0 0 ;
}

.tableLivraison select, .tableLivraison select option
{
font-size : 9px ;
}

.tableLivraison select
{
padding : 2px ;
margin : 5px 0 ;
}


.tableLivraison tr.border
{

border-top : 2px solid #eee ;
}
.tableLivraison tr td
{
padding : 0px  ;
vertical-align : top ;
background : #fff ;

}

.modes-paiement.tableLivraisond{
	border-spacing: 30px;
    border-collapse: separate;
}
.modes-paiement.tableLivraison tr td{
	/*border : 1px solid silver;*/
	min-width : 25%;
	max-width : 30%;
}
.tableLivraison .livraisonErreur
{
display : block ;
color : red ;
}

.tableLivraison .livraisonErreur a
{
text-decoration : underline ;
color : red ;
}

.tableLivraison tr td img
{
margin : 10px 6px 35px 0 ;
}

.tableLivraison input
{
margin : 10px 0 0 0;
display : inline-block ;
}

.tableLivraison tr td label
{
color : #0081B3 ;
font-weight : bold ;
font-size : 13px ;
margin : 5px 0 0 0;
display : inline-block ;
}
.tableLivraison tr td label a
{
color : #0081B3 ;
}

.livraisonLegend
{
font-size : 10px ;
color : gray ;
font-style : italic ;
}

.totalPrice
{
display : block ;
float : right ;
color : #fff ;
font-size : 20px ;
text-align : center ;
}

.fancyGreen
{

  background-color: #DBE5A4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DBE5A4), color-stop(50%, #29C405));
  background-image: -webkit-linear-gradient(top, #DBE5A4 0%, #29C405 50%);
  background-image: -moz-linear-gradient(top, #DBE5A4 0%, #29C405 50%);
  background-image: -ms-linear-gradient(top, #DBE5A4 0%, #29C405 50%);
  background-image: -o-linear-gradient(top, #DBE5A4 0%, #29C405 50%);
  background-image: linear-gradient(top, #DBE5A4 0%, #29C405 50%);
  border-top: 1px solid #7FB929;
  border-right: 1px solid #7FB929;
  border-bottom: 1px solid #7FB929;
  border-left: 1px solid #7FB929;
  border-radius: 4px;
      -moz-border-radius : 4px;
  -webkit-border-radius : 4px;
  -o-border-radius : 4px;
  -khtml-border-radius : 4px;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  color: #fff;
  font: bold 17px/1 Arial, Helvetica, sans-serif;
  padding: 10px 15px;
  text-shadow: 0 -1px 1px #2B8DCD;
      -webkit-text-shadow : 0 -1px 1px #2B8DCD;
-moz-text-shadow : 0 -1px 1px #2B8DCD;
-o-text-shadow : 0 -1px 1px #2B8DCD;
-khtml-text-shadow :0 -1px 1px #2B8DCD;
  margin-top:-0px;

  }

 #map_canvas
 {
 width : 424px !important ;
 height : 400px !important ;
 border:4px solid #fff ;
 box-shadow : 0 0 6px silver ;
 -webkit-box-shadow : 0 0 6px silver ;
 -moz-box-shadow : 0 0 6px silver ;
 -o-box-shadow : 0 0 6px silver ;
 -khtml-box-shadow : 0 0 6px silver ;
 -ms-box-shadow : 0 0 6px silver ;
 margin : 10px 0 !important ;
 
 }

 .orangeIta
 {
 color : orange ;
 font-style : italic ;
 }
 
 .diapoPartenaires
 {
 width : 130px ;
 height : 200px ;
 overflow : hidden ;
 position : relative ;
 margin : 10px auto ;
 }
 .diapoPartenaires img
 {
 width : 130px !important ;
 height : 200px !important ;
 margin : 0 ;
 padding : 0 !important ;
 }

#tnt_relais_choice
{
	max-width : 447px !important;
}
 /**************************************
 MAJ pour debuggage responsive aout 2013
 **************************************/
.team_membres_region
{
	float:right;
	width : 350px ;
}

#div_carte
{
	width:425px;
	height:650px;
}

.team_anuaire_list
{
	float:right;
	width : 350px ;
}

#newSlideshow
{
	position : relative;
}


/*MAJ codes promos avril 2015*/
#productDiapoWrap.code-promo:before{
	content : '';
	background : url(images/code-promo.png);
	display : block ;
	z-index : 999;
	height : 31px ;
	width : 77px;
	position : absolute;
	top : .5em;
	right : -1em;
}
#productDiapoWrap.code-promo-en:before{
	background-position : center -31px;
}
#productDiapoWrap.code-promo-es:before{
	background-position : center -62px;
}

.code-promo-small{
	display : block ;
	position : relative;
}
.code-promo-small:before{
	content : '';
	background : url(images/code-promo-small.png);
	display : block ;
	z-index : 10;
	height : 21px ;
	width : 52px;
	position : absolute;
	top : .5em;
	right : .5em;
}

.presentation_produit.code-promo:before{
	top : 54px;
	right : -8px;
}
.code-promo-small-en:before{
	background-position : center -21px;
}
.code-promo-small-es:before{
	background-position : center -42px;
}

.fixed-video{
	-webkit-transform: translate3d(0, 0, 0);
	position : fixed;
	z-index: 100;
	left : 50%;
	margin-left : -290px;
	top : 0;
	width: 580px ;
	height : auto ;
	box-shadow : 0 0  20px 0px #000;
	background-color: white ;
	background: url(images/titrou.png) repeat ;
	background: url(images/bg_carbon_mobile.jpg) repeat ;
	padding : 1em ;
	/*border : 1px solid #000;*/
	border-radius : 0 0 3px 3px;
	-webkit-transform: translateY(-450px);
			transform: translateY(-450px);
	transition: all 1s ease-out;
	will-change: transform;

}

@media only screen and (max-width : 600px) {
	.fixed-video{
		max-width:100%;
		margin-left: auto;
		margin-right: auto;
		left:0;
	}
}

/*.fixed-video3{
	-webkit-transform: translate3d(0, 0, 0);
	position : fixed;
	z-index: 100;
	left : 50%;
	margin-left : -335px;
	margin-top : -228px;
	top : 50%;
	width: 671px ;
	height : auto ;
	box-shadow : 0 0  20px 0px #000;
	background-color: white ;
	background: url(images/titrou.png) repeat ;
	background: url(images/bg_carbon_mobile.jpg) repeat ;
	padding : 1em ;
	border : 1px solid #000;
	border-radius : 0 0 3px 3px;
	opacity:0;
	transition: all 1s ease-out;
	will-change: transform;

}*/

.fixed-video, 
.fixed-video *{
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
} 

.fixed-video.fixed-video__visible{
	-webkit-transform: translateY(0);
			transform: translateY(0);
}
/*.fixed-video3.fixed-video__visible3{
	opacity:1;
}*/
.fixed-video.fixed-video__waiting{
	
	animation-name: fixed_video;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    cursor: pointer;
}

/*.fixed-video.fixed-video__waiting:hover{
	background:red;
	bottom:0;
	animation-fill-mode: none;
}*/

.fixed-video .show-video{
	
	display : none;
}
.fixed-video.fixed-video__waiting .show-video{
	
	display : block;
	color:white;
	padding-bottom:4px;
}


@keyframes fixed_video {
    50% {
    	-webkit-transform: translateX(3350px);
			transform: translateX(3350px);
		}
    100% {
    	width : 220px;
    	height :auto;
    	position : fixed;
    	margin:0;
    	top:initial;
    	left:initial;
    	-webkit-transform: translateX(0);
		transform: translateX(0);
			bottom:-120px;
    	right : 0px;
    }
}


/*.fixed-video3.fixed-video__waiting3{
	opacity: 0 ;
	-webkit-transform: translateX(3350px);
			transform: translateX(3350px);
}*/


.fixed-video video{
	width : 100%;
	/*padding : 1em ;*/
	height: auto ;
	line-height: auto ;
	border : 5px solid rgba(0,0,0,.4);
}

.fixed-video3 video{
	width : 100%;
	/*padding : 1em ;*/
	height: auto ;
	line-height: auto ;
	border : 5px solid rgba(0,0,0,.4);
}
.fixed-video h4{
	transition: all .5s ease-out;
	margin : 0;
	height : auto ;
	line-height : auto ;
	opacity: 1 ;
	color : white;
	/*background-color: black ;*/
	/*padding-right : 35px;*/
	font-weight : normal ;
	/*background-color: #eee;*/
	padding : .5em 35px .5em 0 ;
	font-size: 1.25rem;
}
/*.fixed-video3 h4{
	transition: all .5s ease-out;
	margin : 0;
	height : auto ;
	line-height : auto ;
	opacity: 1 ;
	color : white;
	font-weight : normal ;
	padding : 0em 35px .5em 0 ;
	font-size: 1.25rem;
}*/

.fixed-video_close{
	display: block;
	position : absolute;
	bottom : 25px;
	right : 5px;
	width : 100%;
	color : white;
	font-size : 1.25em;
	z-index: 2 ;
	text-align: right ;
}
/*.fixed-video_close3{
	display: block;
	position : absolute;
	top : 15px;
	right : 5px;
	width : 100%;
	color : white;
	font-size : 1.25em;
	z-index: 2 ;
	text-align: right ;
}*/

.fixed-video.fixed-video__waiting h4,
.fixed-video.fixed-video__waiting .fixed-video_close{
	opacity : 0;
	height : 0 ;
}


/*.fixed-video3.fixed-video__waiting3 h4,
.fixed-video3.fixed-video__waiting3 .fixed-video_close3{
	opacity : 0;
	height : 0 ;
}*/
#conteneur.overlay:before{
	transition : all .5s ease-in-out;
	content: '';
	display : block ;
	position : fixed;
	background-color: rgba(255,255,255,.5);
	height : 100% ;
	width : 100% ;
	top : 0 ;
	left : 0;
	z-index:0;
	opacity : 0;
}
#conteneur.overlay:before{
	opacity : 1;
	z-index:99;
	
}

#conteneur, 
#conteneur:before{
	transition : all .5s ease-in-out;

}
/*#conteneur.overlay3:before{
	transition : all .5s ease-in-out;
	content: '';
	display : block ;
	position : fixed;
	background-color: rgba(0,0,0,.7);
	height : 100% ;
	width : 100% ;
	top : 0 ;
	left : 0;
	z-index:0;
	opacity : 0;
}
#conteneur.overlay3:before{
	opacity : 1;
	z-index:99;
	
}*/

.info, .success, .warning, .error {
margin: 10px 0px;
padding:12px;
border-radius : 2px ;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
}