body
{
	background: url("../images/fond.png") ;
}
#body
{
	width : 730px;
	margin : auto;
}
#header
{
	width : 730px;
	height: 100px;
	margin : auto;
	color: white;
font-family: arial;
        font-size: 12px;


}

#header a
{
	color: white;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
}

#header_img
{
	float: left;
}
#header_txt
{
	margin-right: 30px;
	float: right;
}

img
{
	border-style: none;
}
.zone_number
{
	position : relative;
	left : -30px;
	top : -25px;
}
#zone1
{
	height : 433px;
	width: 714px;
	margin-top : 50px;
	background: url("../images/fond_box_1.png");
}
#zone4
{
height : 433px;
width: 714px;
	 margin-top : 50px;
background: url("../images/fond_box_1.png");
}

#zone5
{
height : 2000px;
width: 714px;
	 margin-top : 50px;
background: url("../images/fond_box_5.png");
}

#zone2a
{
        width: 910px;
        height: 540px;
        margin-top : 50px;
}

#zone2
{
width: 714px;
        background: url("../images/fond_box_2.png") no-repeat  ;
        height: 540px;
        float: left;
}

#vignette
{
        width: 150px;
        height: 540px;
        background: url("../images/fond_box_5b.png");
        float: right;
}
#vignette2
{
        margin-top: 16px;
        margin-left: 0px;
}
#vignette_content
{
        width: 114px;
        height: 508px;
        overflow: auto;
        margin: auto;
}


#zone3
{
	margin-top : 50px;
	background: url("../images/fond_box_3.png");
	height : 542px;
width: 714px;
}
.box_content
{
	padding-top : 30px;
	position : relative;
	top : -60px;
	left : 20px;
right : 20px;
}
.box_title
{
	font-family: arial;
	line-height : 2em;
	padding-left : 20px;
	font-size : 17px;
	font-weight : bold;
}
.product_button
{
	background: url("../images/product_button.png");
	font-family: arial;
	width : 85px;
	height : 19px;
	text-decoration : none;
	font-size : 12px;
	line-height : 19px;
	font-weight : bold;
	display : block;
	text-align : center;
	color : #000000;
	margin : auto;
}
.product_button:hover
{
	background: url("../images/product_button.png") 85px 0px ;
}
.product
{
	width : 225px;
	float : left;
}
.product_title
{
	font-family: arial;
	text-align : center;
	font-weight : bold;
	font-size : 12px;
	line-height : 2em;
	display : block;
}
.product_price
{
	text-align : center;
	font-family: arial;
	font-weight : bold;
	font-size : 25px;
	line-height : 2em;
	color : #ff6d42;
	display : block;
}
#colors
{
	background: url("../images/fond_couleur.png") 0px 0px ;
	width : 94px;
	height : 389px;
	float : left;
	margin-left : 30px;
}
#zone2content
{
height: 390px;

}
#subcolors
{
	padding-top: 10px;
}
#decale
{
	width: 20px;
	height: 60px;
	float: left;
}
.color
{
	margin-top: 5px;
	margin-left: 20px;
}
#colors ul
{
	list-style : none;
	list-style-position:inside;
padding : 0;
}
#colors ul li
{
	list-style:none;
padding : 0;
	list-style-position:inside;
	margin : auto;
}

#colors  li
{
	margin : 0px;
	width : 55px;
	height : 55px;
	padding : 2px;
}
.color_button
{
	background: url("../images/color_button.png");
	font-family: arial;
	width : 351px;
	height : 31px;
	font-size : 16px;
	line-height : 35px;
	font-weight : bold;
	display : block;
	text-align : center;
	color : #000000;
	margin : auto;
	text-decoration : none;
}
.color_button:hover
{
	background: url("../images/color_button.png") 351px 0px ;
}
#color0
{
	width : 55px;
	height : 55px;
	background: url("../images/color0.png") 0px 0px  ;
}
#color0:hover
{
	background: url("../images/color0.png") -55px 0px !important;
}
#color1
{
	width : 55px;
	height : 55px;
	background: url("../images/color1.png") 0px 0px  ;
}
#color1:hover
{
width : 55px;
        height : 55px;
	background:  url("../images/color1.png") -55px 0px !important ;
}
#color2
{
	width : 55px;
	height : 55px;
	background: url("../images/color2.png") 0px 0px  ;
}
#color2:hover
{
width : 55px;
        height : 55px;
	background: url("../images/color2.png") -55px 0px !important;
}
#color3
{
	width : 55px;
	height : 55px;
	background: url("../images/color3.png") 0px 0px  ;
}
#color3:hover
{
width : 55px;
        height : 55px;
	background: url("../images/color3.png") -55px 0px !important;
}
#color4
{
	width : 55px;
	height : 55px;
	background: url("../images/color4.png") 0px 0px  ;
}
#color4:hover
{
width : 55px;
        height : 55px;
	background: url("../images/color4.png") -55px 0px !important;
}
#color5
{
	width : 55px;
	height : 55px;
	background: url("../images/color5.png") 0px 0px  ;
}
#color5:hover
{
width : 55px;
        height : 55px;
	background: url("../images/color5.png") -55px 0px !important;
}

#grille
{
	width : 390px;
	height : 390px;
	margin : auto;
	margin-top : 7px;
}
#canvas
{
	width : 494px;
	height : 389px;
	float : left;
	background: url("../images/fond_canvas.png") 0px 0px ;
	margin-left : 20px;
}

.cellule_3
{
	width : 90px;
	height:90px;
	border : 1px solid #bebebe;
	float : left;
	margin : 15px;
}

.cellule_5
{
	width : 65px;
	height:65px;
	border : 1px solid #bebebe;
	margin : 4px;
	float : left;
}

.cellule_7
{
	width : 45px;
	height:45px;
	border : 1px solid #bebebe;
	margin : 4px;
	margin-top : 2px;
	float : left;
}

.cellule_16
{
	width : 20px;
	height:20px;
	border : 1px solid #bebebe;
	margin : 1px;
	margin-top : 0px;
	float : left;
}

#shirt
{
	background: url("../images/shirt.png");
	width : 358px;
	height : 309px;
	margin  : auto;
}

#carre
{
	width : 128px;
	height : 128px;
	margin : auto;
	top : 80px;
	position : relative;
}

.red
{
 background : red;
}

.carre_3
{
	width : 32px;
	height: 32px;
border : 3px solid transparent;
float : left;
}

.carre_5
{
	width : 20px;
	height: 20px;
border : 2px solid transparent;
float : left;
}

.carre_7
{
	width : 14px;
	height:14px;
border : 2px solid transparent;
float : left;
}

.carre_16
{
	width : 6px;
	height: 6px;
border : 1px solid transparent;
float : left;
}

.carre_color_0
{
	background : white;
width : 100%;
height : 100%;
}
.carre_color_1
{
	background : black;
width : 100%;
height : 100%;
}
.carre_color_2
{
	background : #0096ff;
width : 100%;
height : 100%;
}
.carre_color_3
{
	background : #fe0000;
width : 100%;
height : 100%;
}
.carre_color_4
{
	background : #ffe400;
width : 100%;
height : 100%;
}
.carre_color_5
{
	background : #00e324;
width : 100%;
height : 100%;
}

#order
{
	width : 272px;
	height : 115px;
	background: url("../images/order.png");
	margin : auto;
}


#login
{
  width : 450px;
  height : 130px;
	background: url("../images/dot.png");
  margin : auto;
  padding : 20px;
}

#merci
{
	line-height: 1em;
	padding-left: 20px;
	font-size: 17px;
}

#cgv
{
	line-height: 2em;
	padding-left: 20px;
padding-right: 50px;
	font-size: 12px;
font-family: arial;
}

#taille
{
	font-family: arial;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 2em;
	display: block;
}
#ppal_button
{
	text-align: center;
	padding-top: 15px;
	font-weight: bold;
	font-size: 12px;
	line-height: 2em;
display: block;

}

.box_exemple 
{
	float: right;
	font-family: arial;
	width: 240px;
margin-top: -25px;
	height: 20px;
font-size: 12px;
cursor: pointer;
cursor: hand;
}

.box_exemple_link 
{
	text-decoration: none;
	font-family: arial;
	color: black;
	float: right;
	width: 180px;
	cursor: pointer;
cursor: hand;

	
}

#footer
{
	font-family: arial;
	font-size: 12px;
	color: white;
margin: auto;
width: 700px;
margin-top: 10px;
padding-left: 50px;
}

#footer a
{
	color: white;
	text-decoration: none;
}

#couleur_t
{
font-family: arial;

text-align: center;

font-weight: bold;

font-size: 12px;

line-height: 2em;
}

#titre_paypal
{
	width: 500px;
margin: auto;
   color: #ff6d34;
   font-family: arial;
	font-size: 14px;
text-align: center;
font-weight: bold;
line-height: 2em;
}
#ex_content
{
	margin: auto;
	width: 800px;
}
.ex_img
{
	background-color: white;
	width: 384px;
	height: 312px;
	float: left;
}