#photo{
overflow:hidden!important;
border: 1px solid #666;
}
/************** LOADER*****************/

.loader{
	background:  url(../_images/ajax-loader.gif) 50% 50% no-repeat;

}

#loader1{
	height:73px;
	left:434px;
	position:absolute;
	top:30px;
	width:321px;
}
#loader2{
	height:240px;
	left:434px;
	position:absolute;
	top:130px;
	width:321px;
}
#loader3{
	height:60px;
	left:434px;
	position:absolute;
	top:397px;
	width:321px;

}
#loader{
height:50px;
left:200px;
margin-left:-30px;
position:absolute;
top:213px;
width:50px;
}
/********* IMAGDE DE  FOND*************/

#photo2 {
overflow:auto;
overflow-x:hidden;
overflow-y:hidden;
padding-top:40px;
padding-left:20px;
height:429px;
}

/************ MODELE *******************/

#modele {
	position:absolute;
	height:467px;
	width:320px;
	left:100px;
	top:105px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-align:center;
	display:none;
}

/************ ETAPIN *******************/

#etape1 {
	position:absolute;
	height:90px;
	width:321px;
	left:560px;
	top:110px;
	display:none;
}
#cadre1 {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #909090;
	height:73px;
	padding-left:4px;
	width:316px;

}

/************ ETAPE 2 *******************/

#etape2 {
	position:absolute;
	height:257px;
	width:321px;
	left:560px;
	top:210px;
	display:none;
}
#cadre2 {
	border:1px solid #909090;
	height:240px;
	width:321px;
	background:#FFFFFF;
}

/************ ETAPE 3 *******************/

#etape3 {
	position:absolute;
	height:77px;
	width:321px;
	left:560px;
	top:480px;
	display:none;
}
#cadre3 {
	border:1px solid #909090;
	height:60px;
	width:321px;
	background:#FFFFFF;
}

/************* VIGNETTES CADRE 1***************/


#cadre1 .fondVignettes{
	float:left;
	position:relative;
	width:105px;
	cursor:pointer;
}

#cadre1 .fondVignettes:hover{
	background:url(../_images/fleches.gif) -12% 50% no-repeat;
}

#cadre1 .fondVignettes IMG{
	border:1px solid #A3A3A3;
	cursor:pointer;
	margin:10px;
	width:40px;
	height:40px;
	padding:4px ;
	display:inline;
	position:relative;
}
#cadre1 .fondVignettes.selected IMG {
	background-color: #999;
}
#cadre1 .nomVignette {
	color:#BDBDBD;
	font-size:10px;
	left:64px;
	position:absolute;
	top:49px;
}
#cadre1 .fondVignettes.selected .nomVignette{
	font-weight:bold;
	color:black;
}

/************* VIGNETTES CADRE 2***************/
#cadre2 {
overflow:auto;
overflow-x:hidden;
position:relative;
}
#cadre2 .gamme{
clear:both;
text-align:center;
overflow:hidden;
margin-bottom:7px;
margin-top:4px;
background:white;
position:relative;
overflow:hidden;
overflow-x: hidden;
overflow-y: hidden;
}


#cadre2 .gamme_titre SPAN{
background:#FFFFFF;
padding:15px;
color:grey;
}
#cadre2 .gamme_titre{
width:260px;
cursor:pointer;
text-align:center;
width:286px;
margin-left:20px;
margin-right:20px;
background:url(../_images/point-gris.gif) 0% 50% repeat-x;
}

#cadre2 .gamme_titre:hover{
font-weight:bold;
color:#C2C2C2;
}

#cadre2 .visible .gamme_titre SPAN{
color:black!important;
}

#cadre2 .visible .gamme_titre:hover{
font-weight:normal;
cursor:auto;
color:black!important;
}

#cadre2 .list_tete{
display:none;
overflow:hidden;
}

#cadre2 .visible .list_tete{
display:block;
}

#cadre2 .lister{
	overflow:hidden;
	width:235px;
	margin:auto;
	margin-top: 35px;
}

#cadre2 .fondVignettes{
cursor:pointer;
height:61px;
width:76px;
}

#cadre2 .fondVignettes:hover{
background:url(../_images/fleches.gif) 0% 27px no-repeat;
}

#cadre2 .fondVignettes IMG{
	border:1px solid #A3A3A3;
	cursor:pointer;
	margin:10px;
	width:40px;
	height:40px;
	padding:4px;


}
#cadre2 .fondVignettes.selected IMG {
	background-color: #999;
}

.right_arrow, .left_arrow{
cursor:pointer
}

.lister TABLE{
left:0px;
position:relative;
}


/************ TEXTES *******************/
.orangeBold14 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.grisBold12 {
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	padding-left: 15px;
}

/************* BOUTON ***************/

#ajouterPanier {
	background-color: #666;
	border:1px solid #857d77;
	color:white;
	cursor:pointer;
	margin-left:100px;
	margin-top:18px;
	font-size: 14px;
}

#ajouterPanier:hover {
	background-color: #857d77;
	color: white;

}

/************* POPUP ***************/

#ecran{
background:black;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000000000;
display:none;
cursor:pointer;
}

#popup{
text-align:center;
width:430px;
height:250px;
position:absolute;
left:50%;
top:50%;
margin-left:-215px;
margin-top:-125px;
background-color: white;
border:1px solid black;
z-index:10000000000;
font-size:13px;
font-weight:bold;
display:none;
line-height: 1.6;
}
#popup a.ferme{
	margin: 4px;
	float: right;
}

/************* PANIER ***************/

#panier{
background:url(../_images/onglet.gif) 0% 0% no-repeat;
color:white;
font-weight:bold;
height:20px;
position:absolute;
right:50px;
text-align:center;
top:53px;
width:60px;
display:none;
cursor:pointer;
}
#panier DIV{
color:black;
background:#F4F4F4;
border:1px solid #ddd;
border-top:none;
font-weight:normal;
}