/*-------------------------------------------------------------------------------------------- BARRE DE NAV DES PAGES 1*/
/*COLORS*/
body{background: #9E466C url( /_MAJ_site/int_fond_hautbas.jpg) center -1px no-repeat}
#conteneur{background: #9E466C url( /_MAJ_site/int_fond_cotes.jpg) center no-repeat}

/* fleche de la barre de nav */
	#BARRENUM {position:absolute; right:0; bottom:55px; padding-right:11px; z-index:2}
	#BARRENUM  a.fleche{display:block; width:60px;font-weight:bold; padding:0 6px 0 6px; font-size:9px;  text-align:center}
	#BARRENUM  a.fleche:hover{font-weight:bold; font-size:10px}
/* roll sur numéros de page */
	#BARRENUM a{display:block; width:22px; float:left; font-size:10px;  text-align:center}
/* numéro actif */
	#BARRENUM span{float:left; width:20px; font-weight:bold; font-size:11px; border-top:none;  text-align:center}
/*-------------------------------------------------------------------------------------------------------------------------*/

/*mot de passe home*/
#MDP{ display:block; width:400px; background:#fff; height:50px; position:absolute; left:0px; top:40px; padding:20px; text-align:left}
#MDP li.col2 input{ display:block; width:70px; margin:0 10px}

	H1 a{position:absolute; bottom:0; left:0; font-size:19px; margin-left:5px;  padding: 0 5px 0 5px}
	H1 a span{font-size:12px}
	#barreTITRE H2.titrecollection{width:420px; display:block; text-align:left; height:40px; float:left }
	#barreTITRE H2.titrecollection span{padding-left:10px; font-size:18px;  font-weight:normal; }
	#barreTITRE{width:620px; float:left; height:40px}
	#barreTITRE p.flash{float:left; width:100px; display:block}
	
	#GABARI{width:840px; height:410px; text-align:center; margin:0 auto; position:relative}
	
	#PREVIEW{margin:0 49px 0 20px; float:left; display:inline; border:1px solid; border-width: 0 5px 1px 1px; visibility:visible}
	#ZOOM{text-align:center; position:absolute; right:0px; top:42px; display:none; z-index:2}
	#ZOOM img{width:300px; height:300px; display:block}


	#DESCRI{position:absolute; left:521px; top:19px; float:left; visibility:visible; text-align:left; padding:20px}
	#DESCRI dd.contenu{width:210px; float:left; padding:10px; border-top:none; font-size:10px; text-align:left}
	#DESCRI .fond{display:block; position:absolute; width:240px; height:274px}
	.envoyer a{position:absolute; bottom:0; right:0}

	#RETOUR {position:absolute; right:-3px; bottom:95px; padding-right:151px; display:block}
	#RETOUR a{font-size:10px; padding:0 10px 0 10px; display:block; margin-bottom:2px}
	
	#barrebas #BTZOOM{display:none}


	#BARREBAS{width:485px; padding:0px 2px 0 19px; display:none; position:absolute; left:0; top:356px; margin-left:1px}
		#BARREBAS li{float:left; text-align:left}
			#BARREBAS .prix{width:110px; padding-left:17px}
			#BARREBAS .ref{width:251px; padding-left:20px}
			#BARREBAS li.bouton01 a{width:69px; height:16px;  display:block; text-align:center; border-left:4px solid; font-size:9px; letter-spacing:2px; font-weight:bold; float:left}
			#BARREBAS li.bouton01 a:hover{border-left:0}


	
	#VIGNS{position:absolute; right:2px; top:25px; width:300px}
	#VIGNS a{width:65px; height:65px; float:left; margin:3px}
	
	#MENUBAS{width:450px; position:absolute; bottom:0; right:0; padding-right:4px; z-index:6}
	#MENUBAS ul{bottom:0;  z-index:10; float:right; text-align:right; position:relative}
	#MENUBAS ul li{margin:0}
	#MENUBAS a{padding:0 6px 0 6px}
	
	#MENUBAS #SSMENU_COLLEC, #MENUBAS #SSMENU_COLLEC1{width:183px; visibility:hidden; bottom:27px; position:absolute}
	#MENUBAS #SSMENU_COLLEC{ left:-8px}	
	#MENUBAS #SSMENU_COLLEC1{ left:170px}
	
	#MENUBAS #SSMENU_COLLEC1 li,  #MENUBAS #SSMENU_COLLEC li{clear:both}
	#MENUBAS #SSMENU_COLLEC1 li a, #MENUBAS #SSMENU_COLLEC li a{display:block; width:170px; font-size:10px; height:20px; padding-top:5px}

	
	
#MAILCREDIT{position:absolute; bottom:-15px;  right:10px; width:500px; color:#1E1E1E; clear:both}
#MAILCREDIT li{float:right}
#MAILCREDIT a{color:#9E9E9E; margin:0 5px 0 5px; font-size:9px}
#MAILCREDIT a:hover{color:#595959}

	/*STYLE OUTIL D'ADMIN*/
		#MENUHAUT{position:absolute; z-index:6; right:0}
			#MENUHAUT ul{ z-index:10;}
				#MENUHAUT ul li{margin:0; float:left}
				#MENUHAUT ul ul{ position:absolute}
					#MENUHAUT ul ul li{ clear:both; text-align:left}
				#MENUHAUT a{line-height:30px; display:block; padding:0 5px 0 5px}
				#MENUHAUT #SSM1, #MENUHAUT #SSM2, #MENUHAUT #SSM3, #MENUHAUT #SSM4, #MENUHAUT #SSM5, #MENUHAUT #SSM6{visibility:hidden}
				#MENUHAUT #SSM2{margin-left:-110px}
				#MENUHAUT #SSM3{margin-left:-20px}
				#MENUHAUT #SSM4{margin-left:-120px}
				#MENUHAUT #SSM6{margin-left:-136px}
					#MENUHAUT #SSM1 li, #MENUHAUT #SSM2 li, #MENUHAUT #SSM3 li,  #MENUHAUT #SSM4 li , #MENUHAUT #SSM5 li , #MENUHAUT #SSM6 li{clear:both; text-align:left}
						#MENUHAUT #SSM1 li a, #MENUHAUT #SSM2 li a, #MENUHAUT #SSM3 li a, #MENUHAUT #SSM4 li a, #MENUHAUT #SSM5 li a, #MENUHAUT #SSM6 li a{display:block; width:160px; font-size:10px}
				
						
	/**/
	.puce1{display:block; background:url(/_medias/commun/puce_1off.gif); width:20px; height:20px; float:left; margin-left:20px}
	.puce1:hover{display:block; background:url(/_medias/commun/puce_1on.gif); width:20px; height:20px; float:left; margin-left:20px}
	.puce1actif{display:block; background:url(/_medias/commun/puce_1on.gif); width:20px; height:20px; float:left; margin-left:20px}
	.puce2{display:block; background:url(/_medias/commun/puce_2off.gif); width:20px; height:20px; float:left; margin-left:20px}
	.puce2:hover{display:block; background:url(/_medias/commun/puce_2on.gif); width:20px; height:20px; float:left; margin-left:20px}
	.puce2actif{display:block; background:url(/_medias/commun/puce_2on.gif); width:20px; height:20px; float:left; margin-left:20px}	
	
	
	.ADMIN .sstitre{text-align:left; font-size:15px; background:#fff; width:600px; padding-left:10px}
	
	
	
	#OVERFLOW_ADMIN{overflow:auto; height:350px;width:837px;float:left; text-align:left; background:#fff}
	#GABADMIN{background:#fff; padding:10px 0 10px 20px; float:left; width:798px}
	#GABADMIN .titreADMIN{ background:#fff; margin:5px 20px 10px 0; height:25px; font-size:20px; float:left; width:700px}
	
	#GABADMIN .repeat_liste{padding:10px; background:#E9ECDF; display:block; border:1px solid #BEC9A1; border-width:0 1px 1px 1px;  height:20px; clear:both}
	 #GABADMIN .repeat_liste dd{float:left; display:inline; vertical-align:middle; width:100px; text-align:center}
	#GABADMIN .repeat_liste dt {width:300px; text-align:left; float:left; display:inline; vertical-align:middle;}
	#GABADMIN .repeat_liste span{padding-top:5px; display:block}
	
	#GABADMIN .repeat_liste_produit{ float:left; padding:15px; margin:0 4px 3px 0; border:1px solid #C0C9A5}
	#GABADMIN .repeat_liste_produit .refchapeau{width:230px}
	#GABADMIN .repeat_liste_produit .refchapeau span{display:block; width:20px; height:20px; float:left; background:#BEC9A1; text-align:center; font-size:14px; margin-right:5px}
	#GABADMIN .repeat_liste_produit .nomchap{clear:both; width:230px}
	#GABADMIN .repeat_liste_produit .vign{padding:5px 10px 0 0; float:left}
	#GABADMIN .repeat_liste_produit .suppr{padding-top:5px}
	#GABADMIN .repeat_liste_produit .date{clear:both; padding-top:2px}
	#GABADMIN .repeat_liste_produit .prix{clear:both}
	#GABADMIN .repeat_liste_produit .publier{width:102px; float:left}
	#GABADMIN .repeat_liste_produit .publier a{float:left; margin:0}
	#GABADMIN .repeat_liste_produit  dd{font-size:9px}
	#GABADMIN .repeat_liste_produit  dd strong{font-size:10px}
	
	#GABADMIN .meta{float:left;  width:270px}
	.editmodele_textes span{float:left; display:block; width:100px}
	.editmodele_textes dd{padding:2px 0 2px 0; clear:both}
	.editmodele_visus dd{padding:2px 0 2px 0; }
	.editmodele_visus{float:left}
	.bd{border-right:3px solid #BEC9A1}
	

	
	/*
	.gaba_admin_col1{text-align:left;  width:403px;  float:left; padding: 5px 0 24px 15px; background:#fff;  border-top:0}
	.gaba_admin_col1 label{display:block; width:100px; float:left; clear:both; padding-left:5px}
	.gaba_admin_col1 dt span{font-size:14px; font-weight:bold}
	.gaba_admin_col1 dd{padding:5px 0 0 0}
	.gaba_admin_col1 dd a{font-size:11px; font-weight:bold; text-decoration:underline; color:#000; border:0}
	.gaba_admin_col2{float:right; text-align:left; background:#BEC9A1; width:385px; padding:15px 0 10px 10px}
	.gaba_admin_col2 dd{padding:0 0 15px 0; clear:both; padding-bottom:15px}	
	.gaba_admin_col2 a{border:0}
	*/
	
	.upload{border:1px solid #555; float:left; display:inline}
	.valid {clear:both; background:#FF860D; text-decoration:none; color:#fff; display:block; padding:5px 5px;  font-size:15px}
	.valid:hover {background:#ECA910}
	.bt_upload{display:block; width:19px; height:18px; background:url(/_medias/commun/bt_upload.gif) no-repeat; border:1px solid red; float:left; display:inline; margin:0 20px 0 0}