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

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

#loader1{

height:73px;
left:50%;
position:absolute;
top:86px;
width:321px;
}

#loader{
	height:50px;
	left:50%;
	margin-left:-30px;
	position:absolute;
	top:313px;
	width:50px;
	z-index:2;
}

/********* IMAGDE DE  FOND*************/

h1.choisir{
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.sub_title{
	text-transform: uppercase;
	text-align: right;
	font-size: 10px;
	color: #000;
	margin: 0;
	padding-right: 20px;
	padding-top:5px;
}

#photo {
overflow:auto;
overflow-x:hidden;
overflow-y:hidden;
padding-left:80px;
/*height:429px;*/
}


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

#etape1 {
	position:relative;
	width:800px;
	top: 0px;
	display:none;
}
#groupe{
	margin: 0 auto;
	width: 495px;
}

#cadre1 {
	background:#FFFFFF;
	border:1px solid #909090;
	height:72px;
	width:800px;

}

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

#etape2 {
	position:relative;
	width:800px;
	display:none; 
}
#cadre2 {
	border:1px solid #909090;
	height:262px;
	width:800px;
	background:#FFFFFF;
	margin-bottom: 2px;
}
#scroll{
overflow: hidden;	height:262px;width:800px;
}
.petit_detail{
	font-size: 9px;
	color: #909090;
	display:none;
}
/********* Images *******/
.vignette{
	/*margin: 3px 14px;*/
	float: left;
	padding: 4px 25px;
	height: 132px;
	cursor:pointer;
	margin-bottom:20px;
}
.vignette:hover{
	background:url(../_images/flechesCatalogue.gif) 52% 50% no-repeat;
}
.vignette div.hover_border{
	border:1px solid #FFF;
	padding: 0 6px 6px 6px;
	width:128px;
	overflow:hidden;
}
.vignette:hover div.hover_border{
	border:1px solid #909090;
	padding: 0 6px 6px 6px;
}
.hover_border p{
	font-size: 9px;
	text-align: center;
	height:26px;
	visibility: hidden;
	padding: 0;
	margin: 0;
}
.hover_border img{
	width: 125px;
	height: 93px;
	border:1px solid #FFF;
}
.vignette:hover img{
	border:1px solid #909090;
}
.vignette:hover p{
	visibility: visible;
	height:26px;
}
/*****------Clique ***/
.vignette_clique{
	/*margin: 3px 14px;*/
	float: left;
	padding: 5px 15px;

}
.ajout{
	padding: 0;
	margin: 0;
	height: 12px;
}
.clique{
	border:1px solid #909090;
	background-color: #999;
	padding: 0 6px 5px 6px;
	margin-bottom: 2px;
	width:128px;
}
.clique p{
	font-size: 9px;
	text-align: center;
	height:26px;
	padding: 0;
	margin: 0;
}
.clique img{
	width: 125px;
	height: 93px;
	border:1px solid #909090;
}
/************* BOUTON ***************/

#ajouterPanier {
	background-color: #999;
	border:1px solid #857d77;
	color:white;
	cursor:pointer;
	font-size: 12px;
	text-align: center;
	margin-left: 9px;
	width: 108px;
}

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

}

/********* Onglets Menu *********/
#menu_catalogue{
	padding: 2px 0 0 0;
	margin:0;
	background: url(../_images/pix_border.gif) repeat-x bottom;
	height: 16px;
	visibility: hidden;
}
#menu_catalogue li{
	list-style: none;
	display: inline;
	padding-right: 4px;
	margin-right: 4px;
	border-left:1px solid #909090;
}
#menu_catalogue li.select{
	background: white url(../_images/onglet_bout_actif.gif) no-repeat right;
	padding-right: 4px;
	border-bottom: 1px solid white;
}
#menu_catalogue li.no_select{
	background: #CCC url(../_images/onglet_bout.gif) no-repeat right;
	padding-right: 4px;
	cursor:pointer;
}
#menu_catalogue li span.no_selected{
	background-color: #ccc;
	padding: 0 10px 0 10px;
	border-top:1px solid #909090;
}
#menu_catalogue li span.selected{
	background-color: #FFF;
	padding: 0 10px 0 10px;
	border-top:1px solid #909090;
	line-height: 1.3em;
}


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


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

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

#cadre1 .fondVignettes img{
	border:1px solid #A3A3A3;
	cursor:pointer;
	margin:10px 10px 10px 13px;
	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;
}

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

/************* 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;
}
/************* 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;
}