/* Mise en page */
/*@import url('reset.css');*/
@import url('structure.css');
@import url('agenda.css');
@import url('bonsplans.css');
@import url('annuaire.css');
@import url('recherche.css');
@import url('users.css');
@import url('ficheresto.css');
@import url('listeresto.css');



html,
body {
		font-family: verdana,arial,helvetica,sans-serif;
		color:#5e4d5e;
		font-size: 12px;
		font-weight:normal;
		text-align: justify; 
		background-image:url('/img/design/habillage/tranche_1px.jpg'); 
		background-repeat:repeat-x;
		background-position: 0px 0;
		background-attachment: scroll;
		background-color:#fff;
}

			
div#carnet{background:transparent url(/img/design/fiche_resto/carnet.png) left bottom no-repeat;
				width:205px;
			   height:235px;
			   z-index:30;
		   	position:absolute;
			   left:775px;
			   top:0;
			   
}	

div#carnet a{display:block;
				 height:75px;
}

div#fourchette{background:transparent url(/img/design/habillage/fourchettes.png) top left no-repeat; 
				   width:136px;
				   height:201px;
				   z-index:30;
			   	position:absolute;
				   margin-left:765px;
				   top:0;
				   z-index:10;		   
}	

 /*** Gestion de la transparence ***/
/*img, div#fourchette,#carnet, #gal, #gal_rose, #gal_vert, #haut, #haut_vert, #haut_rose { behavior: url(iepngfix.htc); }*/



#enTete a.bt_acceuil {position:absolute;top:0;left:0;display:block;width:200px;height:160px;text-indent:-9999px;}

html>body #bandeau {position:fixed;
						  z-index:9;
}
                



/* Cosmétique*/

/*		
div#haut{position:relative;
		width:524px;
		height:24px;
		background:url(/img/design/gal/h_bkviolet.png);
		background-position:135px 0;
		background-repeat:no-repeat;				
}*/

div#gal{position:relative;
			 width:490px;
			 background:url(/img/design/gal/bkviolet.png);
			 background-repeat:repeat-y;
			 background-position:135px 150px;
			 float:left;
}
#barreGauche .menu-container {width:142px;height:135px;margin:0 0 12px 30px;z-index:10;}
#barreGauche .menu-container * {z-index:10;}
#barreGauche #dmD0 {width:142px;padding:0 0 20px 20px;}
#barreGauche a {position:absolute;width:193px;}
#barreGauche a.bt_rechercheav {top:143px;left:14px;height:22px;background-image:url(/img/design/habillage/boutons/bt_recherche_avancee.jpg);}
#barreGauche a.bt_annuaire {top:207px;left:14px;height:42px;margin-bottom:64px;background-image:url(/img/design/habillage/boutons/bt_annuaire.jpg);}
#barreGauche a.bt_agenda {top:296px;left:14px;height:32px;background-image:url(/img/design/habillage/boutons/bt_agenda.jpg);}
#barreGauche a.bt_plans {top:328px;left:14px;height:32px;background-image:url(/img/design/habillage/boutons/bt_bons_plans.jpg);}
#barreGauche a.bt_carteresto {top:360px;left:14px;height:72px;background-image:url(/img/design/habillage/boutons/bt_carteresto.jpg);}
#barreGauche a.bt_comweb {top:432px;left:14px;height:29px;background-image:url(/img/design/habillage/boutons/bt_comweb.jpg);}


#barreDroite .espace-perso {position:relative;width:201px;height:87px;padding-top:86px;background:transparent url(/img/design/habillage/boutons/bt_espace_perso.jpg) top left no-repeat;}
#barreDroite .connecte {background:transparent url(/img/utilisateur/bt_espace_perso.jpg) top left no-repeat;}
#barreDroite .connecte .identification {position:relative;width:178px;height:44px;margin:0 auto;overflow:hidden;text-align:center;line-height:1.2em;}
#barreDroite .connecte .identification a {font-size:14px;}
#barreDroite .espace-perso a {position:relative;width:201px;}
#barreDroite .espace-perso a.bt_connexion {height:22px;background-image:url(/img/design/habillage/boutons/bt_connexion.jpg);}
#barreDroite .espace-perso a.bt_sinscrire {height:22px;background-image:url(/img/design/habillage/boutons/bt_sinscrire.jpg);}
#barreDroite .espace-perso a.bt_pourquoi {height:43px;background-image:url(/img/design/habillage/boutons/bt_pourquoi.jpg);}
#barreDroite .espace-perso a.bt_deconnexion {height:43px;background-image:url(/img/utilisateur/bt_deconnexion.jpg);}
#barreDroite .pub {width:201px;height:262px;overflow:hidden;}

/* la valeur de bottom est la hauteur du pied*/

h2{font-weight:bold;
	padding:15px 0px;
}

/**************** footer *****************/
/*****************************************/

#enPied a.bt_inscription-pro {float:right;width:159px;height:18px;display:block;background-image:url(/img/design/habillage/boutons/bt_inscription_pro.jpg);}
#enPied a.bt_contacttr {float:left;width:220px;height:18px;display:block;background-image:url(/img/design/habillage/boutons/bt_contacttr.jpg);}
#enPied a.bt_mentions-legales {float:left;width:186px;height:18px;display:block;background-image:url(/img/design/habillage/boutons/bt_mentions_legales.jpg);}

/**************** Liste Resto *****************/
/*****************************************/
div#listeresto{position:relative;
			   padding-top:150px;
			   width:502px;
			   left:245px;
}
div#test{background-image:url('/img/design/gal/bkviolet.png');
			   background-attachement:fixed;
			   background-position:150px 170px;
			   width:390px;
			   height:561px;
			   position:absolute;
			   margin-left:120px;
}

/**************** Mentions *****************/
/*****************************************/
div#mentions h1{font-family:futura, arial;
			font-size:14px;
			font-weight:bold;
			margin-top:35px;
			margin-bottom:10px;
}

div#mentions p{border-left:1px solid #819f87;
			   padding-left:5px;
			   margin-left:35px;
}


/***************** DESCRIPTION CATEGORIES ET CLASSEMENT ****************/
div#gal p.description{margin:18px 0px 18px 0px;
}
p.classement{margin:40px 0px 5px 290px;
}

/***************** Formulaires ****************/
label{width:200px;
		display: inline;
		float: left;
		margin-left: 14px;
		margin-bottom:17px;
}

input, textarea, select {border: 1px solid #766976;
				font-family: Verdana, Arial;
				font-size: 13px;
				overflow: auto;
				margin-bottom:17px;
}

input:focus, textarea:focus, select:focus{background-color:#f3eaf1;
}

.btnOk{background-image:url('/img/design/gal/btnOk.gif');
	   background-color:#fff;
	   border: none;
	   width:28px;
	   height:24px;
}

.btnOk:hover{ background-image:url('/img/design/gal/bntOkSubmit.gif');
	   background-color:#fff;
	   border: none;
	   width:28px;
	   height:24px;
}

/***************** Liens ****************/
a:visited {
	color: #412e41;
	text-decoration: none;
	font-size: 12px;
	font-family:  arial,verdana;
}
a:link {
	color: #412e41;
	text-decoration: none;
	font-size: 12px;
	font-family:  arial,verdana;
}
a:hover {
	color: #000000;
	font-size: 12px;
	font-family:  arial,verdana;
	font-weight: bold;
}

/**************** ContactTR *****************/
/*****************************************/
#contacttr #contenu {width:474px;height:400px;padding:70px 30px 0 30px;background:white url(/img/design/habillage/fonds/fond_contacttr.jpg) center 7px no-repeat;}
#contacttr #contenu label {width:130px;}

/**************** Inscription-pro *****************/
/*****************************************/
#inscription-pro #contenu {width:474px;height:400px;padding:70px 30px 0 30px;background:white url(/img/design/habillage/fonds/fond_inscription-pro.jpg) center 7px no-repeat;}
#inscription-pro #contenu .scroller {height:300px;overlfow-x:hidden;overflow-y:auto;padding:0 10px 0 5px;}

#inscription-pro #contenu p.inscrip{font-size:15px;
			 font-weight:bold;
			 text-align:center;
			 margin-bottom:25px;
}

#inscription-pro #contenu .scroller ul.liste_inscrip{
		list-style-position:inside;		
		list-style-type:circle;
		line-height:1.2em;
		padding:0 0 25px 10px;
}

#inscription-pro #contenu .scroller ul.liste_inscrip li {line-height:1.5em;text-align:left;margin-bottom:5px;}
#inscription-pro #contenu h1.pro{font-size:15px;
		 font-weight:bold;
		 margin-bottom:5px;
}

#inscription-pro #contenu label {width:130px;}