/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/http://www.sauvetage-secourisme13.fr/menu/pro_drop11.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(http://www.sauvetage-secourisme13.fr/menu/tab.png);}
.preload2 {background: url(http://www.sauvetage-secourisme13.fr/menu/tabb_on.png);}

.menu2 {
	margin:0;
	list-style:none;
	height:36px;
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
	width: 850;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 55px;
}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; color:#0D264D; text-decoration:none; }

.menu2 li a.top_link span {display:block; height:36px; float:left; line-height:27px; font-size:13px; font-weight:bold; padding:0 5px; cursor:pointer; background: url(http://www.sauvetage-secourisme13.fr/menu/tab_off.png) no-repeat;}
.menu2 li a.top_link b {display:block; width:15px; height:36px; float:left; background: url(http://www.sauvetage-secourisme13.fr/menu/tabb_off.png) no-repeat;}
.menu2 li a.top_link b.down {background: url(http://www.sauvetage-secourisme13.fr/menu/tabdown_off.png) no-repeat;}

.menu2 li a.top_link:hover span {color:#C91F44; background: url(http://www.sauvetage-secourisme13.fr/menu/tab.png) no-repeat; line-height:26px;}
.menu2 li a.top_link:hover b {color:#C91F44; background: url(http://www.sauvetage-secourisme13.fr/menu/tabb_on.png) no-repeat;}

.menu2 li:hover > a.top_link span {color:#C91F44; background: url(http://www.sauvetage-secourisme13.fr/menu/tab.png) no-repeat; line-height:26px;}
.menu2 li:hover > a.top_link b {color:#C91F44; background: url(http://www.sauvetage-secourisme13.fr/menu/tabb_on.png) no-repeat;}
.menu2 li:hover > a.top_link b.down {color:#C91F44; background: url(http://www.sauvetage-secourisme13.fr/menu/tabdown_on.png) no-repeat;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:32px; white-space:nowrap; width:120px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; float:left; width:120px; font-weight:normal; background: url(http://www.sauvetage-secourisme13.fr/menu/submid.png);}
.menu2 :hover ul.sub li.fly {background: url(http://www.sauvetage-secourisme13.fr/menu/submid_r.png);}

.menu2 :hover ul.sub li a {
	display:block;
	position:relative;
	font-size:11px;
	height:20px;
	width:120px;
	line-height:20px;
	text-indent:5px;
	color:#0A1D38;
	text-decoration:none;
	background:url(http://www.sauvetage-secourisme13.fr/menu/trans.gif);
	font-weight: bold;
}
.menu2 :hover ul.sub li a:hover {color:#C91F44;}

.menu2 :hover ul.sub :hover > a {color:#C91F44;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;}

.menu2 :hover ul.sub li.subtop,
.menu2 :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop
{background:url(http://www.sauvetage-secourisme13.fr/menu/subtop.png);}

.menu2 :hover ul.sub li.flytop,
.menu2 :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flytop
{background: url(http://www.sauvetage-secourisme13.fr/menu/subtop_r.png);}

.menu2 :hover ul.sub li.subbot,
.menu2 :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot
{height:30px; background:url(http://www.sauvetage-secourisme13.fr/menu/subbottom.png);}

.menu2 :hover ul.sub li.flybot,
.menu2 :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flybot
{height:30px; background: url(http://www.sauvetage-secourisme13.fr/menu/subbottom_r.png);}
#logotop1 {
	position:absolute;
	width:87px;
	height:78px;
	z-index:5;
}
#logotop2 {
	position:absolute;
	width:313px;
	height:78px;
	z-index:4;
	left: 87px;
	top: 0px;
	background-color: #165078;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
#logotop13 {
	position:absolute;
	width:465px;
	height:78px;
	z-index:3;
	left: 391px;
	top: 0px;
}
#menudefil {
	width:850px;
	height:118px;
	z-index:1;
	top: 84px;
	left: 0px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 75px;
}
#menudefilcontenu {
	width:787px;
	height:81px;
	z-index:auto;
	left: 50px;
	top: 109px;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

}

