body, td, th, input, textarea, select, option
{
	font-family: Arial;
	font-size:12px;
	color:black;
}

body
{
	/*background-image: url(/img/fd.png);*/
	background-image: url(/img/fd.png);
	background-repeat: repeat-x;
	background-color: #FFC000;
	/*background-color:white;*/
	/*969595;*/
	margin:0;
	text-align: center;
	height:100%; 
}

/*input
{
	vertical-align: middle;
}
*/


a
{
	color:black;
}

.container
{
	/*width:135px;*/
	height:170px;
	float:left;
	position:relative;
	text-align:center;
	
}

.containerhidden
{
	display:none;
}


/*ombre personnalisée à gauche et droite du bandeau sur la partie haute*/
#shadowright
{
	width:7px;
	background-image:url(/img/shadow_test_right.png);
	background-repeat:repeat;
}

#shadowleft
{
	width:7px;
	background-image:url(/img/shadow_test_left.png);
	background-repeat:repeat;
}

#content
{
	padding:5px;
}

#envelop
{
	width:760px;
	margin-left: auto;
	margin-right: auto;
}

#main, #bottom
{
	border:0px;
	/*background-color:white;*/
	width:760px;
	margin-left: auto;
	margin-right: auto;
	text-align:center; 
	/*background-image: url(/img/shadow_bottom.png);*/
	

}

#bottom
{

	margin-top:-53px;
	
}

#main
{
	min-height:100%;
	/*margin-bottom:53px;
	*/
	margin-top:0;
	
	/*width:774px;*/
}
/*permet de faire de l'ombré de chaque coté jusqu'en bas*/

.zone_centrale_affichage
{
	background-color:white;
	/*#D9D8D7;
	/*#CCC4BD;*/
}
	

.zone_centrale_affichage_ombre
{
	border:0px;
	width:774px; 
	margin-left: auto;
	margin-right: auto;
	/*background-image: url(/img/shadow_bottom.png);
	*/
	margin-bottom:0;
	margin-top:0;
	
}


/*on défini ici la couleur de fond de la zone active ainsi que la couleur de la police de caractère*/
.zone_centrale_affichage
{
	border:0px;
	width:760px;
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom:0;
	margin-top:0;
	color:black;

}

.zone_centrale_active
{
	
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:70px;
	 /*margin:10px;*/
}

.pinkfield, .orderphoto, .viewphoto
{
	width:720px;
}

.viewphototab
{
	width:675px;
}

.flags
{
	position:relative;
	top:5px;
	left:0px;
	height:18px;
	width:750px;
	padding-right:5px;
	text-align:right;
}

/**/
.promo
{
	margin-left:auto;
	margin-right:auto;
	
	padding:8px;
	margin-bottom:10px;
	background-image:url(/img/promo2.png);
	background-repeat:no-repeat;
	height:65px;
	width:705px;
	
}

.textpromo
{
	font-size:17px;
	font-weight:bold;
	text-align:center;
}

/*couleurs dans le le, résumé du panier>*/
/*couleur lignes impaires*/
.bgcolor
{
	
}

/*couleur lignes paires*/
.altbgcolor
{
	background-color:#FFEADD;
	
}

/*couleur total*/
.totalbgcolor
{
	background-color:#FFE69A;
	
}

#blocmoney
{
	text-align:right;
	padding-right:10px;
	height:18px;
}

#becomephotographer
{
	position:relative;
	top:20px;
	left:0px;
	width:750px;
	text-align:right;
	color:white;
}

becometext
{
	color:white;
	
}

/*bandeau haut dans les pages du site*/
#bandeau_haut
{
	cursor:hand;
	cursor:pointer;
	top:0px;
	left:0px;
	height:100px;
	width:760px;
	background-image: url(/img/head.gif);
}

#lignesoubandeauhaut
{
	line-height:10;
	font-size:0;
	margin-top:0px;
	height:10px;
	width:760px;
	background-color:#FF9809;
}
/**********************/

/* bloc offre produit */
.texttitreoffre
{
	font-weight:bold;
	padding-left:10px;
	font-size:16px;
	text-transform:uppercase;
	color:white;
	margin-bottom:4px;
	
	}


/*detail de l'offre - presentation pproduits prix*/
.detailoffre
{
	margin-left:8px;
	margin-right:8px;
	color:white;
	font-size:12.5px;
	/*background-color:#FF504F;*/
	background-image:url(/img/offre_vertical.png);
}

.offreupperleft
{
	background-image:url(/img/offre_corner_upper_left.png);
	height:6;
	width:6;
}

.offreupperright
{
	background-image:url(/img/offre_corner_upper_right.png);
	height:6;
	width:6;
}

.offrelowerleft
{
	background-image:url(/img/offre_corner_lower_left.png);
	height:6;
	width:6;
}

.offrelowerright
{
	background-image:url(/img/offre_corner_lower_right.png);
	height:6;
	width:6;
}

.offrevertical
{
	
	background-image:url(/img/offre_vertical.png);
	
}

.offrehorizontal
{
	height:6;
}

/********************************/



/*bandeau en haut de présentation des series dans lequel 
sont situés les produits globaux : telechargement serie, ...*/
#bandeau_action_serie
{
	background-color:#FFF5E6;
	padding:10px;
	margin-bottom:15px;
	height:25px;
	/*width:740px;*/
}

#footer
{
	font-size:0.8em;
	padding:5px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	width:715px;
	background-color:#FFF5E6;
	color:black;
	/*background-color:#FFF5E6;*/
	/*border-top:1px solid #EC7772;*/
	
}

/*positionnement des petits drapeux en nbas de page*/
#cartes
{
	margin-top:0.5em;
	margin-bottom:0.6em;*/
	/*border-top:1px solid #EC7772;*/
}

/*couleur et position du base ligne dna sle le bansdeau haut*/
#yourbestphotos
{
	position:relative;
	top:55px;
	left:97px;
	color:white;
	text-align:left;	
}

/* création du cadre rose autour des paniers, info perso, etc ...*/
.pinkfield
{
	/*width:740px;*/
}

.pinkfieldupperleft
{
	background-image:url(/img/pink_corner_upper_left.png);
	height:12;
	width:12;
}
.pinkfieldvertical
{
 	background-image:url(/img/pink_vertical_line.png);
}
.pinkfieldhorizontalhaut1
{
	width:100%;
	background-image:url(/img/pink_horizontal_line.png);
	background-repeat:repeat-x;
	background-position:0 50%	
}

.pinkfieldhorizontalhaut2
{
	width:50px;
	background-image:url(/img/pink_horizontal_line.png);
	background-repeat:repeat-x;
	background-position:0 50%;
}

.pinkfieldupperright
{
	background-image:url(/img/pink_corner_upper_right.png);
	height:12;
	width:12;
}

.pinkfieldlowerright
{
	background-image:url(/img/pink_corner_lower_right.png);
	height:12;
	width:12;
}

.pinkfieldlowerleft
{
	background-image:url(/img/pink_corner_lower_left.png);
	height:12;
	width:12;
}

.pinkfieldbottom
{
	background-image:url(/img/pink_horizontal_line.png);
	background-repeat:repeat-x;
	background-position:0 50%;
}
/**********************************************************/

/*cadre et couleur de fond de la présentation des photos et des produits dans la page order.php*/
.orderphoto
{
	background-color:#FFEEEE;
	/*width:740px;*/
	padding:5px;
	margin-bottom:15px;
	font-size:12px;
}

/*bouton par défaut*/
.button
{
	background-image:url(/img/btnfd.gif);
	font-weight:bold;
	color:white;
	font-size:13px;
	height:28px;
}

.buttonleft
{
	width:18px;
	background-image:url(/img/btnleft.gif);
	
}

.buttonright
{
	width:10px;
	background-image:url(/img/btnright.gif);
	
}

textebutton
{
	text-decoration:none;
	color:white;
}

/***************************************/


/*second bouton : prévenir un ami ...*/
.orangebutton
{
	background-image:url(/img/btnofd.gif);
	font-weight:bold;
	color:white;
	font-size:13px;
	height:28px;	
}

.orangebuttonleft
{
	width:18px;
	background-image:url(/img/btnoleft.png);
	
}

.orangebuttonright
{
	width:7px;
	background-image:url(/img/btnoright.png);
	
}

texteorangebutton
{
	text-decoration:none;
	color:white;
}
/******************************************/



h1
{
	color:#FF9805;
	font-size:28px;
	font-weight:bold;
	margin:0;
}

h2, span.h2
{
	font-weight:bold;
	color:#FF504E;
	font-size:16px;
	text-transform:uppercase;
}

th.pink
{
	text-align:right;
}

input.pink, textarea.pink
{
	margin:0;
	border:1px solid #ff4746;
}

input.pink
{
	width:200px;
}

.textcart
{
	color:#FF504E;
}

.error
{
	color:white;
	background-color:red;
}

.color1
{
	border:2px solid #ff4746;
}

.color2
{
	border:2px solid #fda700;
}

.color3
{
	border:2px solid #e4da00;
}

.color4
{
	border:2px solid #a8e400;
}

.color5
{
	border:2px solid #519dff;
}

.color6
{
	border:2px solid #c980e3;
}

/*
form label
{
	display:block;
	float:left;
	width:70px;
	text-align:right;
}
*/
textarea
{
	font-family: Arial;
	width:350px;
	height: 70px;
	margin-left:5px;
	
}

/*
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	height: 1px;
	z-index: 5000;
}
*/

.txtSerial {font-size:11px;border:solid 1px #CCCCCC; text-align:center; width:80%;}

td.number, th.number
{
	text-align:right;
}

th.left
{
	text-align:left;
}


#components {
	background: #fff;
	padding: 15px;
	/*float: right;*/
	width: 650px;
}

#componentbox {
	background: #fff;
	padding: 15px;
	width: 200px;
	height:150px;
}

#components,  .search_input {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}

#componentbox {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}

#components  .search_input span.ui-icon  {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 13px;
	margin-top: -8px;
	zoom: 1;
}

#componentbox .search_input span.ui-icon  {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 13px;
	margin-top: -8px;
	zoom: 1;
}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}