bandeau.css

能够实现宾馆管理的基本功能。 例如删除

/*******************/
/*Règles génériques*/
/*******************/

A { font-weight: normal; }

#bandeau_n h1, #bandeau_n h2 {
	margin:0; padding:0;
	font-size:11px;
}

#bandeau_n {
	margin-bottom:10px;
	background:#FFF;
	font:11px/1.4 Verdana, Arial, Helvetica, sans-serif;
}

#bandeau_n ul {
	margin:0; padding:0;
	list-style:none;
}

/*Formulaires*/
#bandeau_n form, #bandeau_n fieldset, #bandeau_n .text input, #bandeau_n .submit input {margin:0; padding:0; border:0;}
#bandeau_n input {font:9px Verdana, Arial, Helvetica, sans-serif;}
#bandeau_n .text input {
	padding:1px 2px; border:1px solid #325e95;
	background:#d7e0f2; color:#325e95;
}

/*Liens et images*/
#bandeau_n a img {border:0;}

#bandeau_n a {
	outline:0;
	color:#315d95;
	text-decoration:none;
}
#bandeau_n a:hover {text-decoration:underline;}

/*Masquer*/
#bandeau_n .hide {display:none;}
#bandeau_n .hidden {position:absolute; left:-10000px;}

/********/
/*Header*/
/********/
#bandeau_n #header {
	position:relative; z-index:1;
	margin-left:8px;
	padding-left:8px;
	width:900px; height:70px;
}

#bandeau_n.in800x600 #header {width:760px;}

/*Logo*/
#bandeau_n #logo {position:absolute; top:10px; left:0; width:500px: }
#bandeau_n #logo a, #bandeau_n #logo img {display:block;}

/*Recherche par mots-clés*/
#bandeau_n #keywords-search {
	position:absolute; top:29px; left:400px;
	width:400px;
}
#bandeau_n.in800x600 #keywords-search {left:250px;}

#bandeau_n #keywords-search label {
	float:left;
	overflow:hidden;
	margin-right:5px; padding-top:16px;
	width:77px; height:0;
}

#bandeau_n #keywords-search input {height:auto;}

#bandeau_n #keywords-search .text input {
	float:left;
	margin-right:5px;
	width:272px;
}

#bandeau_n #keywords-search .submit {float:left;}
#bandeau_n #keywords-search .submit input {margin-top:-2px;}

/*Langues*/
#bandeau_n #languages {position:absolute; top:31px; right:0; z-index:1;}

#bandeau_n #languages h2 a {
	display:block;
	overflow:hidden;
	padding:14px 15px 0 0;
	width:55px; height:0;
	background:url(/imagerie/commun/bullet_lang.gif) no-repeat 100% 3px;
}

#bandeau_n #languages ul {
	position:absolute; top:14px; right:0;
	border:1px solid #eee; border-color:#eee #eee #6e96d5 #6e96d5;
	width:8.5em;
	background:#fff;
}

#bandeau_n #languages ul.off {display:none;}

#bandeau_n #languages li {border:1px solid #eee; border-width:0 0 1px 1px;}

#bandeau_n #languages li a {
	display:block;
	padding:.2em 10px .2em 15px;
	background:url(/imagerie/commun/bullet.gif) no-repeat 5px .8em;
}

#bandeau_n #languages form {margin:0; padding:0;}

#bandeau_n #languages select {
	width:100px;
	color:#315d95;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

/****************/
/*Menu principal*/
/****************/	

#bandeau_n #main-menu {
	position:relative;
	width:920px; height:52px;
	background:url(/imagerie/commun/bg_submenu.gif) no-repeat 0 100%;
}
#bandeau_n.in800x600 #main-menu {width:760px;}

#bandeau_n #main-menu li {
	position:relative;
	float:left;
	margin-left:-20px;
}
#bandeau_n #main-menu li#mRechercher, #bandeau_n #main-menu .submenu li {margin:0;}

#bandeau_n #main-menu a, #bandeau_n #main-menu img {display:block;}

#bandeau_n #main-menu .submenu {
	position:absolute; top:32px; left:-10000px;
	width:900px;
}

#bandeau_n.in800x600 #main-menu .submenu {width:750px;}

#main-menu .submenu li {position:relative;}

#bandeau_n #main-menu .on .submenu {left:10px;}

#bandeau_n #main-menu li a {
	padding-top:32px;
	height:0;
	overflow:hidden;
}

#bandeau_n #main-menu .submenu li a {padding-top:20px;}

/*#bandeau_n #main-menu ul.submenu .on li a {padding-top:20px;}*/

#bandeau_n #main-menu .subsubmenu {
	position:absolute; top:20px; left:-10000px;
	border:1px solid #6e96d5; border-width:0 0 1px 1px;
	width:220px;
	background:#fff;
	font-weight:normal;
}

#bandeau_n #main-menu .subsubmenu li {
	float:none;
	display:block;
	border:1px solid #eee; border-width:1px 1px 0 1px;
}

#bandeau_n #main-menu ul.subsubmenu li a {
	padding:.2em 10px .2em 15px;
	width:auto; height:auto;
	background:url(/imagerie/commun/bullet.gif) no-repeat 5px .8em;
}

#mRechercher li#mTousLesHotels .subsubmenu a, #mRechercher li#mTousLesHotels .subsubmenu a:hover,
#mRechercher li#mProgFidelite .subsubmenu a, #mRechercher li#mProgFidelite .subsubmenu a:hover {background:url(/imagerie/commun/bullet.gif) no-repeat 5px .8em;}

#bandeau_n #main-menu .subsubmenu.on {left:-1px;z-index:1}
#bandeau_n #main-menu #mTousLesHotels .subsubmenu.on {left:0;}

/***************/
/*Auto-clearing*/
/***************/
#bandeau_n #main-menu:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:".";
}
#bandeau_n #main-menu.pl #mEntreprises 	{margin-left:-14px;}
#bandeau_n #main-menu.pl #mEvenements  	{margin-left:-38px;}
#bandeau_n #main-menu.pl #mAgences 		{margin-left:-26px;}
#bandeau_n #main-menu.pl #mProsLoisir 	{margin-left:-26px;}