body {
	height: 100%;
	margin:0;
	padding:0;
	/* background: url(../img/christmas_backgrounds_16.gif) repeat; */
	/* background: #eeeeee url(../img/bck.gif) repeat; */
	background: #000000 url(../img/bck_fractal2.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:top center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;

}

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

div#bottom {	position: fixed;	width: 99.9%; left: 0px; bottom: 0px; text-align: left; margin-right: 0px; padding: 3px; border-top: 1px solid #ffffff; background: url(../img/bck_bottom.png) repeat-x; z-index: 30;}

.bottom {
	height: 35px;
	border:#cccc99 0px solid;
	background: url(../img/bottom.png) no-repeat;
	valign: right;
}
.col_gauche {
	width:266px;
	background-color: #005aa7;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.container {
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.cell_product_container {
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #aaa;
	/* background: url(../img/bck_cel_product.jpg) repeat-x; */
	background-color: #ffffff;
}
.cell_product {
	align: left;
	text-align: middle;
	padding-top: 0px;
	padding-left: 3px;
	height: 20px;
	/* background-color: #005aa7; */
	/* border-top: 0px solid #5d5d5d; */
	/* border-bottom: 2px solid #002749; */
	/* border-left: 0px solid #5d5d5d; */
	/* border-right: 2px solid #002749; */
	background-color: #005aa7;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 3px solid #000000;
}
.cell_product666 {
	/* padding-left: 2px; */
	background-color: #005aaa;
	border-bottom: 2px solid #5d5d5d;
	background: url(../img/bck_cell_categorie.jpg) repeat-x;
}

.products_text { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; }
a.products_text { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; }
a.products_text:hover { text-decoration: underline; }
.products_text_strike { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000000; text-decoration: line-through; }
.products_text_special { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #c5010f; text-decoration: strike; }

.cart_textfield_var { font: normal 8pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #606060; }
.cart_textfield { font: normal 8pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #606060; width: 200px; }
.cart_textareafield { font: normal 8pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #606060; }
.cart_select { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #000000;	font-size: 8pt; border: 1px solid #606060; width: 200px; }
.cart_notice { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #ff0000; text-decoration: none; }

.cart_link { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; }
.cart_link:hover { color: #474747; text-decoration: underline; }

.cart_notice { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; font-style: italic; color: #ff0000; text-decoration: none; }

.inscription_textfield { font-family: trebuchet ms, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #313131; border: 1px solid #000000; }
.inscription_select { font-family: trebuchet ms, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #313131;	border: 1px solid #000000; }

.login_textfield {
	border:#ffffff 1px solid;
	background: url(../img/bck_case2.jpg) -2px -2px no-repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-left:5px;
	padding-top:3px;
	width:100px;
	height:12px;
}

/* --- */

.case {
	border:#ffffff 1px solid;
	background: url(../img/bck_case2.jpg) -2px -2px no-repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-left:5px;
	padding-top:3px;
	width:100px;
	height:12px;
}

.case2 {
	border:#cccc99 1px solid;
	background: url(../img/bck_case.jpg) -2px -2px no-repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding:5px;
	width:400px;
	height:200px;
}

.recherche_select {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #ffffff;
}

.item_mail {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000;
}

.recherche_reset {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #636466;
	color: #ffffff;
	align: right;
	border: 1px solid #000;
}

.textfield {
	width: 450px;
	border: 1px solid #000;
	background-color: #d7d7d7
}

.texte_blanc8 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #ffffff;}
a.texte_blanc8 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #ffffff; text-decoration: none;}
a.texte_blanc8:hover {color: #ffffff; text-decoration: underline;}


.texte_blanc10 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff;}
a.texte_blanc10 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none;}
a.texte_blanc10:hover {color: #ffffff; text-decoration: underline;}

.texte_blanc12 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;}
a.texte_blanc12 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none;}
a.texte_blanc12:hover {color: #ffffff; text-decoration: underline;}

.texte_gris10 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5d5d5d;}
a.texte_gris10 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5d5d5d; text-decoration: none;}
a.texte_gris10:hover {color: #5d5d5d; text-decoration: underline;}


.texte_gris11 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5d5d5d;}
a.texte_gris11 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5d5d5d; text-decoration: none;}
a.texte_gris11:hover {color: #5d5d5d; text-decoration: underline;}

.titre_gris {font-family: Georgia, Times; font-size: 18px; color: #5d5d5d;}
a.titre_gris {font-family: Georgia, Times; font-size: 18px; color: #5d5d5d; text-decoration: none;}
a.titre_gris:hover {color: #5d5d5d; text-decoration: underline;}

.titre_page {font-family: Georgia, Times; font-size: 18px; color: #ffffff;}
a.titre_page {font-family: Georgia, Times; font-size: 18px; color: #ffffff; text-decoration: none;}
a.titre_page:hover {color: #5d5d5d; text-decoration: underline;}

.texte_gris10 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5d5d5d;}
a.texte_gris10 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5d5d5d; text-decoration: none;}
a.texte_gris10:hover {color: #5d5d5d; text-decoration: underline;}

.texte_noir10 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
a.texte_noir10 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
a.texte_noir10:hover {color: #000000; text-decoration: underline;}

.texte_noir12 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
a.texte_noir12 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none;}
a.texte_noir12:hover {color: #000000; text-decoration: underline;}

.pagination {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000;}
a.pagination {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none;}
a.pagination:hover {color: #ff0000; text-decoration: underline;}

.link_home {
	border:0px #666 solid;
	display:block;
	height: 20px;
	text-decoration:none;
	padding-top:2px;
	margin:0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff;
}

.link_home:hover{
	border:0px #aaa solid;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: overline; color: #000000;
}


.inscription_link {
	font: bold 9px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	text-valign: middle;
	text-decoration: none;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 2px 2px 2px 2px;
	background: #005aa7;
}

.inscription_link:hover {
	font: bold 9px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: none;
	text-align: center;
	text-valign: middle;
	text-decoration: underline;
	background: #000000;
}

.bouton {
	height: 20px;
	font: normal 7pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	border-top: 1px solid #adadad;
	border-left: 1px solid #adadad;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 0px 10px 0px 10px;
	background: url(../img/bck_bouton2.gif) repeat;
}

.bouton_link {
	font: bold 8pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	text-valign: middle;
	text-decoration: none;
}

.bouton_link:hover {
	font: bold 8pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #e0e801;
	text-decoration: none;
	text-align: center;
	text-valign: middle;
	text-decoration: underline;
}

.bouton_link2 {
	font: bold 8pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align: center;
	text-valign: middle;
	text-decoration: none;
}

.bouton_link2:hover {
	font: bold 8pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: none;
	text-align: center;
	text-valign: middle;
	text-decoration: underline;
}

.cell_shadow {
	border:#cccc99 0px solid;
	background: url(../img/deg_trans.png) repeat-y;
}

.map_monde {
	width: 684px;
	height: 120px;
	background: url(../img/world_map.jpg) no-repeat;
	vertical-align: middle;
	padding-left: 400px;
	padding-right: 20px;
}

div#texte_map_monde {
	position: relative;
	width: 250px;
	left: 0px;
	bottom: 0px;
	text-align: right;
	margin-right: 0px;
	padding: 5px;
	border: 1px dotted #ffffff; background: url(../img/bck_bottom.png) repeat-x;
	font-family: Georgia, Times;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	z-index: 30;
}

/**************** code du menu  *****************/
.menu{
	position:relative;
	display:block;
	margin:0;
	padding:0px;
	height: 22px;
	/* background: url(../img/bck_bottom.png) repeat-x; */  	/* fond du menu en general */
}

.menu ul{
	position:absolute;
	display:block;
	width:165px;
	/*margin:0;*/
	padding:0;
	background: #5d5d5d;
	border-left: 1px solid #000000;
	border-right: 3px solid #000000;
	border-bottom: 3px solid #000000;
	/* background: url(../img/bck_bottom.png) repeat-x; fond du sous menu */
}

.menu li ul{
	visibility:hidden;
}

.menu li li ul{
	position:absolute;
	margin-left:165px;
	margin-top:-22px;
	/* background: url(../img/bck_bottom.png) repeat-x; */ /* fond du sous-sous-menu */
}

.menu li{
	list-style:none;
	width:165px;
	height:auto;
	display:inline;
	display/**/:block;
	float:none;
	float/**/:left;
	margin:0;
	padding:0;
	/* background: url(../img/bck_bottom.png) repeat-x; */ /* separation entre les elements du menu */
}

.menu li li{
	display:block;
	float:none;
}

/* correct a little IE bug */
* html .menu li li{
	display:inline;
}

.menu a{
	text-align:center;
	/* background: url(../img/bck_bottom.png) repeat-x; */  /* Couleur de la cell des elements menu */
	border:0px #666 solid;
	color:#000;
	display:block;
	width:160px;
	height: 20px;
	text-decoration:none;
	padding-top:7px;
	padding-left:5px;
	margin:0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: left; color: #ffffff;
}

.menu a:hover{
	/* background: #5d5d5d; */
	height: 20px;
	border:0px #aaa solid;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline overline; color: #000000;
}

/* for a mozilla better display with key nav */
.menu a:focus{
	height: 20px;
	/* background: url(../img/bck_bottom.png) repeat-x; */
}

a.linkOver{
	/* background: url(../img/bck_bottom.png) repeat-x; */
	height: 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff;
}
/**************** /code du menu  *****************/