/*
body 
{
margin:0;
padding:0;
background-color: #ffffff;
height: 100%;
scrollbar-base-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #e0001a;
}
*/
body 
{
	background-color: #515151;
	/*background-image: url('/images/commun/test/red-lines-fractal.jpg');*/
	background-repeat: repeat-x;
	background-repeat: repeat-y;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 1.25;
	height: 100%;
	color: #444444;/*gris*/
}



html 
{
margin:0;
padding:0;
background-color: #515151;
height: 100%;
scrollbar-base-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #e0001a;
color: #444444;/*gris*/
}

p
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 12px; 
/*color: #000000; */
color: #444444;/*gris*/
text-decoration: none;
text-align: justify;
padding-right:10px;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;
margin:0;
}

p.shopnospace
{
margin:0;
padding:0;
}

p.shop
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
text-decoration: none;
text-align: justify;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
margin:0;
font-weight:bold;
}

p.shopcenter
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
text-decoration: none;
text-align: center;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
margin:0;
font-weight:bold;
}

p.shopright
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
text-decoration: none;
text-align: right;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
margin:0;
font-weight:bold;
}

p.shopcenterb
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000000; 
text-decoration: none;
text-align: center;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
margin:0;
}

p.shoprightb
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000000; 
text-decoration: none;
text-align: right;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
margin:0;
}

p.nospace
{
padding:0;
margin:0;
}

p.right
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #000000; 
text-decoration: none;
text-align: right;
padding-right:3px;
padding-left:0px;
padding-top:3px;
padding-bottom:3px;
margin:0;
}

p.blanc
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #ffffff; 
text-decoration: none;
text-align: justify;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
margin:0;
}

p.center
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #000000; 
text-decoration: none;
text-align: center;
padding-right:3px;
padding-left:3px;
padding-top:3px;
padding-bottom:3px;
margin:0;
}

p.centerbottom
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000000; 
text-decoration: none;
text-align: center;
padding-right:0px;
padding-left:0px;
padding-top:3px;
padding-bottom:3px;
margin:0;
}

p.nospace
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #000000; 
text-decoration: none;
text-align: center;
padding:0;
margin:0;
}

p.petit
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 9px; 
color: #000000; 
text-decoration: none;
text-align: center;
padding-right:0px;
padding-left:0px;
padding-top:3px;
padding-bottom:3px;
margin:0;
}

p.petitb
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 9px; 
color: #000000; 
text-decoration: none;
text-align: justify;
padding-right:3px;
padding-left:3px;
padding-top:3px;
padding-bottom:3px;
margin:0;
}

.button
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 9px; 
color: #e0001a; 
text-decoration: none;
text-align: center;
padding-right:0px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
margin:0;
}

.buttonselected
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 9px; 
color: #ffffff; 
text-decoration: none;
text-align: center;
padding-right:0px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
margin:0;
}

p.position
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #ffffff; 
text-decoration: none;
text-align: justify;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
margin:0;
}

H1
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 10px;
letter-spacing:1px; 
color: #ffffff; 
text-decoration: none;
text-align: justify;
padding-right:0px;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;
margin:0;
}

H1.rouge
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 12px;
color: #e0001a; 
text-decoration: none;
text-align: center;
padding-right:9px;
padding-left:0px;
padding-top:3px;
padding-bottom:0px;
margin:0;
}

H1.rouge_gauche
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 15px;
color: #e0001a; 
text-decoration: none;
text-align: left;
padding-right:9px;
padding-left:0px;
padding-top:3px;
padding-bottom:0px;
margin:0;
}

H1.rouge_droite
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 12px;
color: #e0001a; 
text-decoration: none;
text-align: right;
vertical-align:top;
padding-right:9px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
margin:0;
}

H1.black
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 12px;
color: #000000; 
text-decoration: none;
text-align: center;
padding-right:9px;
padding-left:0px;
padding-top:3px;
padding-bottom:0px;
margin:0;
}

H2.rouge
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 11px;
color: #e0001a; 
text-decoration: none;
text-align: left;
padding-right:9px;
padding-left:0px;
padding-top:3px;
padding-bottom:0px;
margin:0;
}

H1.demo
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 10px;
letter-spacing:1px; 
color: #ffffff; 
text-decoration: none;
text-align: justify;
padding-right:0px;
padding-left:85px;
padding-top:10px;
padding-bottom:3px;
margin:0;
}
.pointer {cursor:pointer;}

a:link  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:12px; color:#e0001a; text-align:center; text-decoration:none; margin:0; padding:0;}
a:visited  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:12px; color:#e0001a; text-align:center; text-decoration:none; margin:0; padding:0;}
a:hover  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:12px; color:#000000; text-align:center; text-decoration:none; margin:0; padding:0;}
a:active  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:12px; color:#e0001a; text-align:center; text-decoration:none; margin:0; padding:0;}

a.menubas:link  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:9px; color:#e0001a; text-align:center; text-decoration:none; margin:0; padding:0;}
a.menubas:visited  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:9px; color:#e0001a; text-align:center; text-decoration:none; margin:0; padding:0;}
a.menubas:hover  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:9px; color:#000000; text-align:center; text-decoration:none; margin:0; padding:0;}
a.menubas:active  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:9px; color:#e0001a; text-align:center; text-decoration:none; margin:0; padding:0;}

a.button:link  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:10px; color:#e0001a; text-align:center; text-decoration:none; margin:0; padding:0;}
a.button:visited  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:10px; color:#e0001a; text-align:center; text-decoration:none; margin:0; padding:0;}
a.button:hover  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:10px; color:#000000; text-align:center; text-decoration:none; margin:0; padding:0;}
a.button:active  {font-family: Verdana,Arial, Helvetica, sans-serif;; font-size:10px; color:#e0001a; text-align:center; text-decoration:none; margin:0; padding:0;}

a.a_img_no_border img { 
border-style:none; 
}

input.infos
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 10px;
color: #000000;
background-color: #ffffff;
color:#000000;
width:260px;
border: 1px solid #e0001a; 
}

textarea.infos
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 10px;
color: #000000;
background-color: #ffffff;
color:#000000;
width:635px;
border: 1px solid #e0001a; 
}

input.button
{
font-family: Verdana,Arial, Helvetica, sans-serif;font-size: 10px;
color: #000000;
background-color: #ffffff;
color:#000000;
width:70px;
border: 1px solid #e0001a; 
cursor:pointer;
}




















/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/

#menuDeroulant
{
	z-index:1;
	background: transparent url("/images/commun/fondA.png") repeat;
	width: 940px;
	height: 36px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	top: 0;
	left: 0;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}


/*IMPORTANT POUR AJOUTER 7eme MENU*/
#menuDeroulant li
{
	float: left;
	width: 16.6%;
	margin: 0;
	padding: 0;
	border: 0;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}

#menuDeroulant li #b a.b:link, #menuDeroulant li #b a.b:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: transparent url("/images/commun/fondB.png") repeat; /*pas necessaire a voir*/
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}


#menuDeroulant li a:hover 
{ 
	background: transparent url("/images/commun/fondB.png") repeat; 
	height: 29px;/*important*/
}
#menuDeroulant li a:active 
{ 
	background: transparent url("/images/commun/fondA.png") repeat; 
	height: 30px;/*pas necessaire*/
}

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	height: 36px;/*pas necessaire*/
}

#menuDeroulant .sousMenu li
{
	float: left;
	text-align:left;
	margin: 0;
	padding: 0;
	border: 0;
	/*A l'origine: width: 100%;*/
	width: 100%;
	/*height: 36px;*/
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	list-style-type: none;

}

/*les sous-menus: arriere plan gris fondTR, texte blanc, largeur 36px*/
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	width: auto;
	height:36px;/*Sous-menu plus large en hauteur*/
	text-align:left;
	display: block;
	color: #FFFFFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("/images/commun/fondTR.png") repeat;
}

/*Quand on survole les sous-menus: deviennent rouges*/
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #F2462E;
}

#menuDeroulant li:hover > .sousMenu { display: block; }

ul, li{ 
	font-family: Verdana,Arial, Helvetica, sans-serif;
	list-style-type: none;
	color: #444444;/*gris*/
	text-decoration: none;
	text-align: justify;
	/*line-height: 29px;*//* IMPORTANT ce 29px pour jouer sur la hauteur du texte...Valign middle etc...: j'ajoute ça dans menu (header)
	et pas ici car ici c'est aussi utilisé sur les autrespages, pour tout "li"*/
	padding-right:4px;
	padding-left:4px;
	margin:0px;
	font-size: 12px;		
}
legend {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #e0001a;
	font-weight: bold;
	text-decoration: none;
	text-align: left ;
	padding-right:5px;
	padding-left:5px;	
}
fieldset{
	margin:0;
	padding:5px;
	border:1px solid #e0001a;
}



/*STYLE YOANN*/


td {
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	margin: 0px;
	padding: 0px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}

td.td_titre{
	height:30px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	color:#E0001A;
}

td.td_produit{
	border-bottom:solid 1px #666666;
	padding-bottom:10px;
}

td.td_nom_prod{
	font-size:12px;
	font-weight:bold;
	color:#999999;
}

td.td_photo_prod{
	border:solid 1px #E0001A;
}

td.td_liste_contenu{
	padding-left:20px;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

td.prix_boutique
{
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #ffffff; 
text-decoration: none;
text-align: justify;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
margin:0;
font-weight:bold;
}


/*DIV*/

.div_photo_zoom_liste{
	border:solid 1px #E0001A;
	position:absolute;
	z-index:100;
	display:none;
}

/*PRIX*/

.prix {
	font-size: 28px;
	font-weight: bold;
	color: #E0001A;
}

.prix_pt {
	font-size: 22px;
	font-weight: bold;
	color: #E0001A;
}

.prix_barre {
	font-size: 20px;
	font-weight: normal;
	color: #E0001A;
	text-decoration: line-through;
}

.prix_barre2 {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: line-through;
}

.prix_barre_pt {
	font-size: 14px;
	font-weight: normal;
	color: #E0001A;
}
	
/*Div panier*/

.div_panier{
	background-color: #999999;
    position:absolute;
	height: 100%;
	width: 100%;
	filter:alpha(opacity=60);
   -moz-opacity:0.6;
	opacity: 0.6;
	left: 0px;
	top: 0px;
	z-index:70000;
	overflow:visible;
}

.div_panier2 {
    position:absolute;height: 100%;width: 100%;z-index:50000; display:none; overflow: visible; top:0; left:0;
}

.div_panier3 {
    position:absolute;
	width: 100%;
	z-index:70001; 
	overflow:visible; 
	top:0;
	left:0;
}



/*Div*/

div.div_compte {
	background-color: #FFFFFF; border: 2px solid #B0C624;position:absolute; right:0px; visibility:hidden;
}

div.div_identif {
	background-color: #FFFFFF; border: 2px solid #E0001A;position:absolute; right:0px; visibility:hidden;
}

div.div_rech {
	background-color: #FFFFFF; border: 2px solid #B998CD;position:absolute; right:0px; visibility:hidden;
}

div.div_commande {
	background-color: #FFFFFF; border: 2px solid #77bed0;position:absolute; visibility:hidden; z-index:1;
}

div.div_btn_ajout {
	position:absolute; top:235px; visibility:visible; width:160px;
}
div.div_btn_ajout2 {
	position:absolute; top:255px; visibility:visible; width:160px;
}

div.div_liste {
	float:left; width: 280px; margin-bottom: 15px; margin-left: 10px; height:270px;
}

div.div_facturation {
	background-color: #FFFFFF; border: 2px solid #E0001A; position:absolute; visibility:hidden; width:270px;
}

div.div_livraison {
	background-color: #FFFFFF; border: 2px solid #A67FBE; position:absolute; visibility:hidden; width:270px;
}

div.div_detail {
	position:absolute; top:325px; visibility:visible; width:160px;
}


/*Formulaire*/

form {
	margin: 0px;
	padding: 0px;
}


input, select {
	margin: 0px;
	height: 20px;
	width: 130px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: 1px solid #E0001A;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	background-color: #FFFFFF;
}

input.objet {
	margin: 0px;
	height: 20px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: 1px solid #E0001A;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	background-color: #FFFFFF;
}

textarea {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #444444;
	background-color: #FFFFFF;
	border: 1px solid #E0001A;
	margin: 0px;
	padding: 5px;
	width: 98%;
}

input.input_grise {
	background-color: #E7E7E7;
}

input.input_promo {
	width: 70px;
}

input.input_promo_grise {
	width: 70px;
	background-color: #E7E7E7;
}

input.input_qte {
	height: 20px;
	width: 20px;
	font-size: 12px;
	color: #4A97AA;
	background-image: url(/charte/fd_check.gif);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: center;
}

input.input_qte2 {
	height: 20px;
	width: 20px;
	font-size: 12px;
	color: #4A97AA;
	background-image: url(/charte/fd_check_gris.gif);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: center;
}

input.input_boutonok_bleu {
	background-image: url(/charte/boutons/btn_ok_bleu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 37px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
}

input.input_boutonok_mauve {
	background-image: url(/charte/boutons/btn_ok_mauve.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 37px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
}

input.input_boutonok_mauve2 {
	background-image: url(/charte/boutons/btn_ok_mauve2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 31px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
}

input.input_check {
	height: 18px;
	width: 18px;
}

input.input_rech {
	border: 1px solid #9060af;
	width:90%;	
}

input.input_radio {
	margin: 0px;
	height: 10px;
	width: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}

/*Process commande*/

td.td_etape {
	font-size: 13px;
	background-color: #FFFFFF;
	text-align: center;
	/*background-image: url(/charte/fleches/flech_cosmetique.gif);*/
	background-repeat: no-repeat;
	background-position: right center;
	cursor:pointer;
}

td.td_etape_on {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-color: #DDDDDD;
	text-align: center;
	/*background-image: url('/charte/fleches/flech_cosmetique.gif');*/
	background-repeat: no-repeat;
	background-position: right center;
	cursor:pointer;
}

td.td_intitule {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E0001A;
	padding-right: 5px;
	padding-left: 5px;
}

tr.tr_process_col1 {
	background-color: #EAEAEA;
}

.border_bleu {
	border: 1px solid #E0001A;
}

.border_mauve {
	border: 1px solid #E0001A;
}

td.td_bleu {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E0001A;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}

td.td_mauve {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E0001A;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}

td.td_titre_cosmetique {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E0001A;
	padding-left: 25px;
	background-image: url(/charte/fleches/flech_blanche_h.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/*Espacement*/

td.td_padding5px {
	padding-right: 5px;
	padding-left: 5px;
}

td.td_padding5px_panier {
	padding-right: 5px;
	padding-left: 5px;
	cursor:pointer;
}

td.td_padding10px {
	padding-right: 10px;
	padding-left: 10px;
}

td.td_padding15px {
	padding-right: 15px;
	padding-left: 15px;
}

td.td_padding_droit {
	padding-right: 15px;
}




/************************NEW MAQUETTE*******************************/


#lien-video {
	position:relative;
	left:51px;
	top:-100px;
	width:81px;
	height:82px;
}

#lien-fichetech {
	position:relative;
	left:151px;
	top:-100px;
	width:81px;
	height:82px;
}

#lien-tuto {
	position:relative;
	left:251px;
	top:-100px;
	width:81px;
	height:82px;
}