/*_________________________________________________________________________________________________________________________________*/
/*______________________________________________ FEUILLE DE STYLE DU SITE ONEKISS_________________________________________________*/
/*_________________________________________________________________________________________________________________________________*/

/* BODY */
body
{
	height:768px;
	margin-top:0;
	background-color: #434C56;/*767F88*/
	background-image:url(img/trame-fond-site.jpg); background-repeat:repeat;
  margin:auto;
	/*font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;  pour éviter les marges */
	/*text-align: center; pour corriger le bug de centrage IE */
}
div.clear{
  clear:both;
  font-size:0.01px;
  max-height:0.01px;
  height:0.01px;
}
.gras{
  font-weight:bold;
}
a img{
border:0;
}
p
{
  margin:0px;
  text-align:left;
}
p.centre
{
  font-weight:normal;
  margin:0px;
  text-align:center;
}
p.justifie
{
  font-weight:normal;
  margin:0px;
  text-align:justify;
}
p.droite
{
  font-weight:normal;
  margin:0px;
  text-align:right;
}
 *
{
  padding:0px;
  margin:0px;
  border:0px;
}
/*********************ACCUEIL***********************/
#texte_accueil
{
	text-align: center;
	font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 15pt;
	color: #dbddde;
	border:0px solid #808080;
}
#boutonEntrez
{
  width:70px;
  height:13px;
  background-image:URL(img/home/bt_entrez_off.png);
  cursor:pointer;
}
/*********************TABLEAU***********************/
div#conteneur{
  width:1024px !important;
  width:1030px;
  height:768px;
  margin:0px auto;
}
div#conteneur div#menugauche{
  background-image:url(img/fond_gauche.jpg);
  background-repeat:no-repeat;
	height:768px;
  width:315px;
  float:left;
  display:inline;
  position:relative;
}
div#conteneur div#contenucentre{
  float:left;
  width:450px;
  height:768px;
  background-image:url(img/fond_centre.jpg);
  display:inline;
}
div#conteneur div#contenucentrevide{
  float:left;
  width:450px;
  height:743px;
  background-image:url(img/fond_centre_vide.jpg);
  padding-top:25px;
}
div#conteneur div.contenucentrearticle{
  float:left;
  width:450px;
  height:768px;
  background-image:url(img/fond_centre_article.jpg);
}
div#conteneur div#contenu{
  float:left;
  width:445px;
}
div#conteneur div#menudroite{
  background-image:url(img/fond_droite.jpg);
  background-repeat:no-repeat;
	height:768px;
  width:259px;
  float:left;
	border:0px solid #ff0000;
}
div#logo{
  background-image:url(img/logo.png);
  width:171px;
  height:78px;
  margin:20px 10px 20px 135px;
}
#miniText{
height:10px;
}
div.sound
{
  float:right;
  margin-top:154%;
}
/*____________________________________________________________________________*/
/*_______________________________BACKGROUND___________________________________*/
/*____________________________________________________________________________*/
#td_01
{
	height:768px;
	width: 315px;
	vertical-align:top;
	border:0px solid #808000;
}
#td_02
{
	height:768px;
	width: 450px;
	border:0px solid #808000;
	vertical-align:top;
}
#td_03
{
	height:768px;
	width: 259px;
	vertical-align:top;
}
#td_bt
{
	width:75px;
	background-image:url(img/bt-suivant-precedent-fd.png); behavior: url("pnpngfix.htc");
	background-position:left center;
	background-repeat:no-repeat;
  height:610px;
  float:left;
/*background-image:url(../img/fond-blanc.gif); background-repeat:no-repeat;*/
}

#flash_center
{
	z-index:10;
	border:0px solid #808080;
	width: 445px;
/*	margin-top: 30px;
	margin-left: 0.9em;*/
  height:175px;
  margin:2px 0px 0px 2px;
}
#document
{
  height:360px;
  width:410px;
  padding:20px;
  display:inline;
}
#img_center
{
	z-index:10;
	border:0px solid #808080;
/*vertical-align:bottom;
	width: 445px;
	margin-top: 30px;
	margin-left: 0.9em;*/
}
/*____________________________________________________________________________*/
/*_______________________________TEXTE CENTRE_________________________________*/
/*____________________________________________________________________________*/
#titre_produit
{
	text-align: center;
	font-family: "Georgia", "Arial", "Verdana", sans-serif;
	font-size: 11.5px;
	font-weight: bold;
	color: black;
	border:0px solid #808080;
  height:29px;
  vertical-align:middle;
  line-height:28px;
}
#prix_produit
{
	text-align: center;
	font-family: 'Century Gothic', "Arial", "Verdana", sans-serif;
	font-size:15.5px;
	font-weight: bold;
	color: black;
	border:0px solid #808080;
}
.texte_produit
{
	text-align: center;
	font-family: "Century Gothic", "Arial", "Verdana",sans-serif;
	font-size:12px;
	font-weight: normal;
	line-height: 11pt;
	color: black;
	border:0px solid #808080;
	margin-left:30px;
	width:385px;
	height:110px;
	overflow:auto;
}

div.element_produit{
  margin:0px 0px 10px 32px;
	width:385px;
	font-family: "Century Gothic", "Arial", "Verdana",sans-serif;
	font-size:12px;
	font-weight: normal;
}

div.element_produit select{
  font-family: arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#000000;
	height:17px;
}

div.element_produit div.quantite{
  float:left;
  display:inline;
  margin:2px 12px 0px 0px;
}
div.element_produit div.quantite select{
  font-family: arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#000000;
	height:17px;
	width:42px;
}

div.element_produit div.attribut{
  float:left;
  display:inline;
  margin-top:2px;
}

#titre_page
{
	text-align: right;
	font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11.5px;
	font-weight: bold;
	color: black;
	border:0px solid #808080;
  margin:0px 20px;
}

#titre_panier
{
	font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	border:0px solid #808080;
  margin:42px 0px 25px 15px;
}
sous_titre_page
{
	font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size:11.5px;
	font-weight: normal;
	color: white;
	border:0px solid #808080;
}
.texte_contenu
{
	font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size:12px;
	font-weight: normal;
	color: white;
	border:0px solid #808080;
}
.texte_contenu a
{
	font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size:12px;
	font-weight: normal;
	color: white;
	border:0px solid #808080;
}

#texte_link
{
	text-align: left;
	font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11.5px;
	font-weight: normal;
	color: black;
	border:0px solid #808080;
}
#_link
{
	text-align: left;
	font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
/*	font-family: "Lucida Grande", "Verdana", "Arial", sans-serif;*/
	font-size: 11.5px;
	font-weight: normal;
	color: #BFBFBF;
	border:0px solid #808080;
}
#_link a 
{
	text-decoration: underline;
	color: #BFBFBF;
}
#_link a:hover
{
	text-decoration: none;
}

#texte_centre_accueil
{
	height:350px;
	vertical-align:top;
	text-align:justify;
/*	text-align:top;*/
	border:0px solid #ff0000;
  margin:0px 20px;
}
#texte_centre_produit
{
	border:0px solid #808080;
	height:600px;
	text-align: justify;
}
#next_page
{
	text-align: right;
	border:0px solid #ff0;
  width:420px;
/*	float: left;
	color:#311603;
	font-size: 8pt;
	font-weight: normal;*/
}
.num_page
{
	border:0px solid #0f0;
}

#puce_av
{
	border:0;
	width: 10px;
	height: 12px;
	vertical-align: bottom;
	border:0px solid #f00;
	behavior: url("iepngfix.htc");
}
#puce_ar
{
	border:0;
	width: 10px;
	height: 12px;
	vertical-align: bottom;
	border:0px solid #f00;
	behavior: url("iepngfix.htc");
}
#fleche_av
{
	border:0;
	width: 25px;
	height: 20px;
	vertical-align: bottom;
	border:0px solid #f00;
	behavior: url("iepngfix.htc");
}
#fleche_ar
{
	border:0;
	width: 25px;
	height: 20px;
	vertical-align: bottom;
	border:0px solid #f00;
	behavior: url("iepngfix.htc");
/*padding-left: 1em;
	margin-left: 0.2em;

	background-image:url("../img/fleche_ar.png");
	background-repeat:no-repeat;
	width: 20px;
	height: 18px;
	
	border:0;
	border:0px solid #f00;*/
}
#fleche_avMenuDroite
{
	border:0;
	width: 32px;
	height: 220px;
	vertical-align: bottom;
	border:0px solid #f00;
	behavior: url("iepngfix.htc");
}
#fleche_arMenuDroite
{
	border:0;
	width: 32px;
	height: 191px;
	vertical-align: bottom;
	border:0px solid #f00;
	behavior: url("iepngfix.htc");
}

/*____________________________________________________________________________*/
/*_______________________________PNG__________________________________*/
/*____________________________________________________________________________*/
.png
{
	behavior: url("iepngfix.htc");
}

/*____________________________________________________________________________*/
/*_______________________________PARTIE DROITE__________________________________*/
/*____________________________________________________________________________*/
#collections_droite
{
	border:0px solid #ee0;
}
#altText
{
	position:absolute;
	width:101px;
	margin-top:98px;
	text-align:center;
	font-family: "Lucida Grande", "Verdana", "Arial", sans-serif;
	font-size:9px;
	font-weight: normal;
	color: white;
	border:0px solid #ff0000;
}
.imageproduit
{
  width:101px;
  height:115px;
  margin-bottom:3px;
  margin-left:15px;
  margin-right:28px;
  cursor:pointer;
}
#pagenext
{
  height:50%;
  vertical-align:bottom;
}
/************ GESTION MESSAGE ERREUR OU OK ********************/
.message_ok{
	color:#3E5EFF;
	font-size: 10pt;
	font-weight: normal;
}

.message_erreur{
	color:#9D1421;
	font-size: 9pt;
	font-weight: normal;
}

/*------------------ADMIN--------------------*/
/* fond styles */
.font1 { font-weight:bold; }
.font_error { font-weight:normal; color:red;}

.fond1 { background-image:url(../img/fond-blanc.gif); background-repeat:no-repeat; }
.fond2 { background-image:url(images/fond-blanc.gif); background-repeat:repeat-x; background-position:bottom right; }

/*----------------ARTICLE-------------------*/
.lignesep
{
  width:85%;
  height:0.1px;
  font-size:0.1px;
  border-bottom:1px solid #777777;
  margin:6px auto;
}
#image_produit
{
  width:450px;
  height:310px;
  text-align:center;
  line-height:310px;
  vertical-align:middle;
}
div#image_produit img {
    display: table-cell;
    vertical-align:middle;
}
div#minimages
{
  margin-left:5px;
  height:67px;
  width:440px;
}
div.minimage
{
  height:55px;
  width:55px;
  border:1px solid gray;
  float:left;
  margin-left:2px;
}
/*-------------- Panier ---------*/
div.etape,div.etape_on
{
  display:inline;
  float:left;
  height:40px;
  margin:15px 10px 0px 14px;
}
div.etape div
{
	font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: gray;
  text-align:center;
}
div.etape_on div {
	font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
  text-align:center;
}
div#etapes{
  margin:0px 0px 0px 3px;
  width:440px;
  height:40px;
}

div#pagepanier {
  overflow:auto;
  height:409px;
  width:434px;
  margin:0px 0px 0px 15px;
}

div#pagepanier div.article_intitule{
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
  text-align:left;
  color:black;
  text-decoration:none;
  font-weight:bold;
}

div#pagepanier div.article_intitule div.presentation{
float:left;
display:inline;
margin-right:8px;
width:268px;
}
div#pagepanier div.article_intitule div.quantite{
float:left;
display:inline;
margin-right:8px;
width:24px;
}
div#pagepanier div.article_intitule div.prix_unit{
float:left;
display:inline;
margin-right:8px;
width:49px;
text-align:right;
}
div#pagepanier div.article_intitule div.prix_total{
float:left;
display:inline;
margin-right:0px;
width:50px;
text-align:right;
}

div#pagepanier div.article{
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
  text-align:left;
  color:white;
  text-decoration:none;
  font-weight:bold;
  padding:7px 0px 7px 0px;
  background:url(img/pointille.gif) repeat-x bottom left;
  height:57px;
  width:416px;
}

div#pagepanier div.article div.photo{
  float:left;
  display:inline;
  margin-right:8px;
  width:57px;
}

div#pagepanier div.article div.photo div.cadre{
  height:55px;
  font-size:0.01em;
  width:55px;
  border:1px solid #5E6C84;
}

div#pagepanier div.article div.nom{
  float:left;
  display:inline;
  margin:16px 8px 0px 0px;
  width:203px;
}

div#pagepanier div.article div.nom div.attribut{ 
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
	float:left;
  display:inline;
}
div#pagepanier div.article div.nom div.descriptif { 
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#000000;
	float:left;
  display:inline;
}
div#pagepanier div.article div.nom div.descriptif a:active,div#pagepanier div.article div.nom div.descriptif a:visited,div#pagepanier div.article div.nom div.descriptif a:link{ 
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}

div#pagepanier div.article div.nom div.descriptif a:hover{ 
	text-decoration:underline;
}

div#pagepanier div.article div.quantite{
  float:left;
  display:inline;
  margin:16px 8px 0px 0px;
  width:24px;
  text-align:center;
}

div#pagepanier div.article div.prix_unit{
  float:left;
  display:inline;
  margin:16px 8px 0px 0px;
  width:49px;
  text-align:right;
}

div#pagepanier div.article div.prix_total{
  float:left;
  display:inline;
  margin:16px 0px 0px 0px;
  width:50px;
  text-align:right;
}


div#pagepanier div.total_cmd { 
  float:left;
  display:inline;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: bold;
	width:355px;
	margin-right:9px;
	margin-top:10px;
}
div#pagepanier div.total_cmd_montant{
  float:left;
  display:inline;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: bold;
	width:50px;
	margin-top:10px;
	text-align:right;
}

div#pagepanier div.total { 
  float:left;
  display:inline;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: bold;
	width:355px;
	margin-right:;
	margin:4px 9px 20px 0px;
}

div#pagepanier div.total_cmd_global{
  float:left;
  display:inline;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: bold;
	width:48px;
	margin:4px 0px 20px 0px;
	text-align:right;
	background-color:#FFFFFF;
	color:#4B5264;
	padding-right:2px;
}

div#pagepanier div.livraison{ 
  float:left;
  display:inline;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	margin-top:25px;
	width:355px;
	margin-right:9px;
}

div#pagepanier div.livraison select{ 
  font-family: arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#000000;
	height:17px;
	padding:0px;
}
div#pagepanier div.tarif_livraison{ 
  float:left;
  display:inline;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	margin-top:25px;
	text-align:right;
	width:50px;
}

div.erreurPromo{
  color:#FFFFFF;
  text-align:center;
}

div.mentions_legales{
  font-family: arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#FFFFFF;
	margin:5px 0px 0px 14px;
}

div.mentions_legales a{
  font-family: arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#FFFFFF;
  text-decoration:underline;
}

div.bouton_ctn{
	float:right;
  display:inline;
  margin:0px 2px;
}

div.bouton_ctn_annuler{
	float:left;
  display:inline;
  margin:0px 2px;
}

div.bouton_ctn div.bt_gch,div.bouton_ctn_annuler div.bt_gch{
  background:url(img/bt_left.gif) no-repeat top left;
  width:5px;
  height:20px;
  float:left;
  display:inline;
}
div.bouton_ctn div.bt_center,div.bouton_ctn_annuler div.bt_center_annuler{
  background:url(img/bt_milieu.gif) repeat-x top left;
  height:20px;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	float:left;
  display:inline;
  padding:2px 0px 0px 0px;
}

div.bouton_ctn_annuler div.bt_center_annuler a{
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	text-decoration:none;
}
div.bouton_ctn div.bt_center a{
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}

div.bouton_ctn div.bt_drt,div.bouton_ctn_annuler div.bt_drt{
  background:url(img/bt_right.gif) no-repeat top left;
  width:5px;
  height:20px;
  float:left;
  display:inline;
}

/*-------------- LIVRAISON ---------*/

div.titre_livraison {
	font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	border:0px solid #808080;
  margin:20px 0px 12px 0px;
}

#pagelivraison {
  overflow:auto;
  height:422px;
  width:434px;
  margin:0px 0px 0px 15px;
}

#pagelivraison div.searchField label {
  display:inline;
  float:left; 
  width: 120px;
  margin:1px 0px 2px 0px;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
  vertical-align: baseline;
  text-decoration: none;  
  padding-top:4px;
}

#pagelivraison div.searchField input{
  display:inline;
  float:left;
  width:283px;
  border:1px solid #7F9DB9;
  margin:1px 0px 2px 0px;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	height:17px;
	padding:2px 4px 0px 4px;
}

#pagelivraison div.searchField input.radio,#pagelivraison div.searchField input.checkbox{
  margin:1px 0px 2px 0px;
  width:18px;
  display:inline;
  float:left;
  padding:0px 4px 0px 4px;
  border:0px solid #7F9DB9;
}

#pagelivraison div.searchField .radio_label{
  font-family: "Century Gothic", "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
	display:inline;
  float:left;
  height:20px;
  padding:2px 4px 0px 4px;
  margin:0px 10px 0px 0px;
}

#pagelivraison div.searchField label.cp {
  display:inline;
  float:left; 
  width: 120px;
  margin:1px 0px 2px 0px;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
  vertical-align: baseline;
  text-decoration: none;  
  padding-top:4px;
}

#pagelivraison div.searchField input.cp{
  display:inline;
  float:left;
  width:48px;
  border:1px solid #7F9DB9;
  margin:1px 0px 2px 0px;
	color:#000000;
	height:17px;
	padding:2px 4px 0px 4px;
}
#pagelivraison div.searchField label.ville {
  display:inline;
  float:left; 
  width: 40px;
  margin:1px 0px 2px 0px;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
  vertical-align: baseline;
  text-decoration: none;  
  padding:4px 0px 0px 10px;
}

#pagelivraison div.searchField input.ville{
  display:inline;
  float:left;
  width:175px;
  border:1px solid #7F9DB9;
  margin:1px 0px 2px 0px;
  font-family: "Century Gothic",  "Arial", "Verdana",sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	height:17px;
	padding:2px 4px 0px 4px;
}
/* contact */
.searchField label{
float:left;
width:100%;
}