body {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #FFFFFF;
}

.body_noel {
	background-image: url(/charte/fond_noel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

td.td_boule_noel {
	background-image: url(/charte/noel/boule_haut.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.noel_cadeau_bas {
	background-image: url(/charte/noel/cadeaux_basdroite.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

p {
	margin: 0px;
	padding: 0px;
}

/*Liens*/

a:link {
	font-weight: normal;
	color: #888888;
	text-decoration: none;
}

a:active {
	font-weight: normal;
	color: #888888;
	text-decoration: none;
}

a:visited {
	font-weight: normal;
	color: #888888;
	text-decoration: none;
}

a:hover {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

a.liennoel:link, a.liennoel:active, a.liennoel:visited {
	font-weight: normal;
	color: #888888;
	text-decoration: none;
}

a.liennoel:hover {
	font-weight: normal;
	color: #ff9600;
	text-decoration: none;
}

a.lienblanc:link {
	color: #FFFFFF;
}

a.lienblanc:active {
	color: #FFFFFF;
}

a.lienblanc:visited {
	color: #FFFFFF;
}

a.lienblanc:hover {
	color: #FFFFFF;
}

a.liennoir:link {
	color: #000000;
	font-weight: bold;
}

a.liennoir:active {
	color: #000000;
	font-weight: bold;
}

a.liennoir:visited {
	color: #000000;
	font-weight: bold;
}

a.liennoir:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

a.liennoir_normal:link {
	color: #000000;
	font-weight: normal;
}

a.liennoir_normal:active {
	color: #000000;
	font-weight: normal;
}

a.liennoir_normal:visited {
	color: #000000;
	font-weight: normal;
}

a.liennoir_normal:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

a.lienorange:link {
	color: #FF9900;
	font-weight: bold;
}

a.lienorange:active {
	color: #FF9900;
	font-weight: bold;
}

a.lienorange:visited {
	color: #FF9900;
	font-weight: bold;
}

a.lienorange:hover {
	color: #FF9900;
	text-decoration: underline;
	font-weight: bold;
}

.pointer {
	cursor:pointer;
}

/*Cadres*/


.fd_haut_engagement {
	background-color: #FFFFFF;
	background-image: url(/charte/fd_haut_engagement.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

.border_bas {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.border_haut {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.border_droit {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

.border_gauch {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}

.border_bas_droit {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

.border_bas_gauch {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}

.border_bas_gauchdroit {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

.border_haut_gauch {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
}

.border_bashaut_droit {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.border_hautgauch_bas {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.border_noir {
	border: 1px solid #000000;
}

.border_bleu {
	border: 1px solid #899fb9;
}

.border_couleur1 {
	border: 1px solid #000000;
}

.border_couleur2 {
	border: 1px solid #FFCC00;
}

.border_couleur3 {
	border: 1px solid #999999;
}

.border_index {
	border: 1px solid #FFCC00;
	padding: 5px;
	text-align: justify;
}

.border_process_col1 {
	border: 1px solid #899FB9;
}

.border_process_col2 {
	border: 1px solid #FF6600;
}


td.td_chemin {
	font-size: 16px;
	color: #000000;
	text-align: left;
}
td.td_titre_encartbleu {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #3D6493;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-weight: bold;
}

td.td_encartbleu_clair {
	font-size: 14px;
	color: #000000;
	background-color: #D8E0E9;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

td.td_lienpanier {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	text-align: center;
	cursor:pointer;
}

tr.tr_process_col1 {
	background-color: #D8E0E9;
}

tr.tr_process_col2 {
	background-color: #FF6600;
}

td.td_titre_encartorange {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #FF6600;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

.fd_haut_panier {
	background-color: #FFFFFF;
	background-image: url(/charte/fd_haut_panier.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

td.cadrev_gauch {
	background-image: url(/charte/cadre-v.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

td.cadrev_droit {
	background-image: url(/charte/cadre-v.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

td.cadreh_haut {
	background-image: url(/charte/cadre-h.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

td.cadreh_gris_haut {
	background-image: url(/charte/cadre-h.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F3F3F3;
}

td.cadreh_bas {
	background-image: url(/charte/cadre-h.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

td.cadrev_orange_gauch {
	background-image: url(/charte/cadre_orange.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
}

td.cadrev_orange_droit {
	background-image: url(/charte/cadre_orange.gif);
	background-repeat: repeat-y;
	background-position: right top;
	background-color: #FFFFFF;
}

td.cadreh_orange_haut {
	background-image: url(/charte/cadre_orange.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
}

td.cadreh_orange_gris_haut {
	background-image: url(/charte/cadre_orange.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #E5E5E5;
}

td.cadreh_orange_bas {
	background-image: url(/charte/cadre_orange.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFFFFF;
}

td.fond_panier {
	background-image: url(/charte/fd_panier.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

img.img_border {
	border: 3px solid #E5E5E5;
	cursor:pointer;
}

/*Panier footer*/
.fond_gris {
	font-size: 11px;
	font-weight: normal;
	color: #505050;
	background-color: #E5E5E5;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.fond_orange {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FF9900;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.text_pt {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.text_pt_orange {
	font-size: 11px;
	font-weight: normal;
	color: #FF9900;
}


/*Texte*/

h1 {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.h3_home {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
h1.h1_orange {
	color: #FF9900;
}

img {
border-color:#000000;
}

.h1_18px {
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	display:inline;
}
h2.h2_18px {
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	display:inline;
}

h2 {
	font-weight: normal;
	font-size: 12px;
	color: #888888;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}
.h4_home {
	font-weight: normal;
	font-size: 12px;
	color: #888888;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

.h2_11px {
	font-weight: normal;
	font-size: 11px;
	color: #888888;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

.text_18px {
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}

.text_orange {
	color: #FF9900;
    font-size:20px;
}

.text_gris {
	color: #888888;
    font-size:12px;
}
.text_orange2 {
	color: #FF9900;
	font-size:17px;
	font-weight:bold;
}
.text_detcommande {
	color: #000000;
	font-size:16px;
	font-weight:bold;
}

.text_detcommande2 {
	color: #000000;
	font-size:13px;
	font-weight:bold;
}

.text_pt {
	font-size: 10px;
	font-weight: normal;
	color: #888888;
}

.text_orangenormal {
	color: #FF9900;
}

.text_barre {
	text-decoration: line-through;
}


tr.tr_tail_select
{
background-color:#EEEEEE;
cursor:pointer;
}
tr.tr_tail_blanc
{
cursor:pointer;
}

/*formulaire*/
input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #888888;
	margin: 0px;
	padding: 0px;
	height: 20px;
	border: 1px solid #C5C5C5;
	width: 180px;
	font-size: 12px;
}

input.input_qté {
	width: 30px;
}

input.input_gris {
	background-color: #E5E5E5;	
}

input.input_check {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 20px;
	border: 1px solid #888888;
}

input.input_ok {
	height: 23px;
	width: 26px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(/charte/b_ok.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
	background-color: #FFFFFF;
}

textarea {
	font-weight: normal;
	color: #888888;
	margin: 0px;
	padding: 0px;
	border: 1px solid #C5C5C5;
	width: 100%;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.input_bouton {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
}

input.input_promo {
	width: 80px;
}

/*div panier*/

.div_panier {
	background-color: #000000;
    position:absolute;
	height: 100%;
	width: 100%;
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
	opacity: 0.5;
	left: 0px;
	top: 0px;
	z-index:2;
overflow:hidden;
}

.div_panier2 {
    position:absolute;height: 100%;width: 100%;z-index:1; visibility:hidden;
}
.div_panier3 {
    position:absolute;height: 100%;width: 100%;z-index:10; top:202px;overflow:hidden;
}

#prix
{
color:#E08703;
font-size:14px;
}
#prix_promo
{
color:#FF3300;
font-size:15px;
}
#prix_barre{
color:#000;
font-size:11px;
text-decoration:line-through;
}
.bloc_liste{position:relative; width:auto; float: left; margin-left: 5px; margin-bottom: 5px; }
.zoom_liste{position:absolute; width:157px; height:157px; z-index:10; display:none; margin-top:6px;}
.liste_titre{ position:relative; float:left; width:100%; height:47px;}
.liste_imgmini{float:left; position:relative; width:115px; height:105px; }
.liste_blocprix { position:relative; float:left; height:105px; width:118px; }

td.td_couleur4 {
	color: #000000;
	background-color: #CCCCCC;
}

tr.tr_couleur3 {
	color: #000000;
	background-color: #CCCCCC;
}

tr.tr_couleur2 {
	color: #000000;
	background-color: #FFCC00;
}

td.td_couleur1 {
	color: #FFFFFF;
	background-color: #000000;
}

td.td_couleur2 {
	color: #000000;
	background-color: #FFCC00;
}

td.td_couleur3 {
	color: #000000;
	background-color: #999999;
}

/*Process de commande*/

td.td_panier_detail {
	background-image: url(/charte/fd_panier_commander.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

td.td_intitule {
	font-weight: normal;
	color: #444444;
	text-align: left;
	padding-left: 5px;
}


td.td_intitule2 {
	color: #FFFFFF;
	background-color: #3D6493;
	padding-right: 5px;
	padding-left: 5px;
	cursor:pointer;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

td.td_intitule_gris {
	font-weight: normal;
	color: #444444;
	text-align: left;
	background-color: #F3F3F3;
	padding-left: 5px;
}

td.td_qte {
	text-align: center;
	font-weight: normal;
	color: #444444;
}

td.td_qte_gris {
	text-align: center;
	font-weight: normal;
	color: #444444;
	background-color: #F3F3F3;
}

/*Bulle ajax*/

td.td_fd_bulle {
	font-size: 11px;
	color: #000000;
	background-image: url(/charte/bulle_ajax/bulle_ajax_fd.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: justify;
}

/*N° de page, faq*/

td.td_page {
	font-size: 14px;
	color: #000000;
	background-color: #FF9900;
	text-align: center;
	cursor:pointer;
	font-weight: bold;
}

td.td_page2 {
	font-size: 14px;
	color: #000000;
	background-color: #E5E5E5;
	text-align: center;
	cursor:pointer;
	font-weight: bold;
}

td.td_faq {
	font-size: 18px;
	color: #000000;
	background-image: url(/charte/picto_question.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}


/* Style du footer référencement */

/* Span pour la taille du texte dans chaque module */
.span_size_footer {
	font-size: 10px;
	font-weight:normal;
	margin: 5px 0px 5px 0px;
	color:#999999;
}
 
/* Style de la barre grise séparant les différents modules du footer */
.barre_grise_footer {
	height:1px;
	background:#ccc;
}


/* style des h3 */
.h3_footer_ref {
	font-size: 10px;
}

.infobulle{
          position: absolute;   
          visibility : hidden;
          border: 1px solid Black;
          padding: 10px;
          font-family: Verdana, Arial;
          font-size: 10px;
          background-color: #FFFFFF;
		  border-radius: 10px 10px;
		  -moz-border-radius: 10px;
      }


/* ESPACE PERSO PROCESS*/
div.div_commande {
	position:absolute;
	z-index:20;
	visibility:hidden;
	width:500px;	
}

div.div_facturation {
	background-color: #FFFFFF;
	padding: 5px;
	border: 2px solid #FF9900;
	position:absolute;
	z-index:20;
	visibility:hidden;
}

div.div_livraison {
	background-color: #FFFFFF;
	padding: 5px;
	border: 2px solid #D2D2D2;
	position:absolute;
	z-index:25;
	visibility:hidden;
}
#divhome
{
visibility:visible;
position:absolute;
top:1018px;
left:15px;
}

