/* stylesheetMenu.css Association touristique Īles de la Madeleine */
/* par Phil Turcotte le 18 mars 2009 */
/* www.numerique.ca */

div#containerMenuPrincipal {
	border-top:2px solid #B57961;
	border-bottom:2px solid #B57961;
	height:42px;
	margin-left:17px;
	margin-right:17px;
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipal.gif);
	background-repeat:repeat-x;
	position:relative;
}

ul#menuPrincipal {
	list-style:none;
	height:42px;
	margin-left:0px;
	position:absolute;
	width:968px;
	top:0px;
	left:0px;
	z-index:100;
}

ul#menuPrincipal li {
	list-style:none;
	float:left;
	position:relative;
}

ul#menuPrincipal li span {
	float:left;
	width:1px;
	height:42px;
	background-color:#CDA595;
}

ul#menuPrincipal li a {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipal.gif);
	background-repeat:repeat-x;
	float:left;
	height:31px;
	/*font-size:1.2em;*/
	/*font-size:14px;*/
	font-size:13px;
	color:#FFFFFF;
	padding-top:11px;
	padding-left:26px;
	padding-right:26px;
	text-decoration:none;
}

div.menuAnglais ul#menuPrincipal li a {
	padding-left:19px;
	padding-right:20px;
}

ul#menuPrincipal li a.selected {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalRoll.gif);
	background-repeat:repeat-x;
	color:#441807;
}

ul#menuPrincipal li.first a {
	padding-left:27px;
}

div.menuAnglais ul#menuPrincipal li.first a {
	padding-left:24px;
}

ul#menuPrincipal li.last a {
	/*padding-right:29px;*/
	padding-right:34px;
}

ul#menuPrincipal li.last ul{
	/*left:-98px;*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul#menuPrincipal li.last a { padding-right:16px; }
}

ul#menuPrincipal li.menuEnCours a {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalRoll.gif);
	background-repeat:repeat-x;
}

ul#menuPrincipal li a:hover {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalRoll.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	color:#441807;
}

ul#menuPrincipal li ul {
	list-style:none;
	margin-left:0px;
	position:absolute;
	left:-1px;
	top:42px;
	width:200px;
	border-left:1px solid #CDA595;
	border-right:1px solid #B57961;
	visibility:hidden;
}

ul#menuPrincipal li ul li {
	list-style:none;
	/*float:none !important;*/
	float:left;
	clear:left;
	width:200px;
	background-color:#944C2B;
	border-bottom:1px solid #B57961;
	position:relative;
}

ul#menuPrincipal li ul li a {
	background-image:none;
	float:none;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:3px;
	padding-right:5px;
	height:auto;
	font-size:0.9em;
	display:block;
	width:185px;
	background-color:#944C2B;
}

div.menuAnglais ul#menuPrincipal li ul li a {
	padding-left:10px;
	padding-right:5px;
}

ul#menuPrincipal li.menuEnCours ul li a {
	background-image:none;
}

ul#menuPrincipal li ul li a.selected {
	background-image:none;
	color:#441807;
	background-color:#CEAD98;
}

ul#menuPrincipal li ul li a:hover {
	background-color:#CEAD98;
	background-image:none;
}

ul#menuPrincipal li ul li a.selected:hover {
	background-color:#CEAD98;
	background-image:none;
	color:#441807;
}

ul#menuPrincipal li.last ul li a {
	padding-right:5px;
}

ul#menuPrincipal li ul li.contientSousMenu a {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBlanche.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

ul#menuPrincipal li ul li.contientSousMenu a:hover {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBrune.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

ul#menuPrincipal li ul li.contientSousMenu a.selected {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBrune.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

ul#menuPrincipal li ul li ul {
	list-style:none;
	position:absolute;
	top:-1px;
	left:200px;
	border-top:1px solid #B57961;
	border-left:1px solid #B57961;
	list-style:none;
}

ul#menuPrincipal li ul li.contientSousMenu ul li a {
	background-image:none;
}

ul#menuPrincipal li ul li.contientSousMenu ul li a:hover {
	background-image:none;
}

/**************************************************/
/*menu bleu 									  */
/**************************************************/

div#containerMenuPrincipal.bleu {
	border-top:2px solid #6b86aa;
	border-bottom:2px solid #6b86aa;
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalBleu.gif);
}

.bleu ul#menuPrincipal li span {
	background-color:#9caec6;
}

.bleu ul#menuPrincipal li a {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalBleu.gif);
	color:#FFFFFF;
}

.bleu ul#menuPrincipal li a.selected {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalBleuRoll.gif);
	color:#253651;
}

.bleu ul#menuPrincipal li.menuEnCours a {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalBleuRoll.gif);
	background-repeat:repeat-x;
}

.bleu ul#menuPrincipal li a:hover {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalBleuRoll.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	color:#253651;
}

.bleu ul#menuPrincipal li ul {
	list-style:none;
	border-left:1px solid #9caec6;
	border-right:1px solid #9caec6;
	visibility:hidden;
}

.bleu ul#menuPrincipal li ul li {
	list-style:none;
	background-color:#1c5788;
	border-bottom:1px solid #9caec6;
}

.bleu ul#menuPrincipal li ul li a {
	background-image:none;
	background-color:#1c5788;
}

.bleu ul#menuPrincipal li ul li a.selected {
	background-image:none;
	color:#253651;
	background-color:#6c84a4;
}

.bleu ul#menuPrincipal li ul li a:hover {
	background-color:#6c84a4;
	background-image:none;
	color:#253651;
}

.bleu ul#menuPrincipal li ul li a.selected:hover {
	background-color:#6c84a4;
	background-image:none;
	color:#253651;
}

.bleu ul#menuPrincipal li ul li.contientSousMenu a {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBlanche.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

.bleu ul#menuPrincipal li ul li.contientSousMenu a:hover {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBrune.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

.bleu ul#menuPrincipal li ul li.contientSousMenu a.selected {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBrune.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

.bleu ul#menuPrincipal li ul li ul {
	border-top:1px solid #9caec6;
	border-left:1px solid #9caec6;
}

.bleu ul#menuPrincipal li ul li.contientSousMenu ul li a {
	background-image:none;
}

.bleu ul#menuPrincipal li ul li.contientSousMenu ul li a:hover {
	background-image:none;
}

/**************************************************/
/*menu vert 									  */
/**************************************************/

div#containerMenuPrincipal.vert {
	border-top:2px solid #7fa76e;
	border-bottom:2px solid #7fa76e;
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalVert.gif);
}

.vert ul#menuPrincipal li span {
	background-color:#a9c49e;
}

.vert ul#menuPrincipal li a {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalVert.gif);
	color:#FFFFFF;
}

.vert ul#menuPrincipal li a.selected {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalVertRoll.gif);
	color:#34462d;
}

.vert ul#menuPrincipal li.menuEnCours a {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalVertRoll.gif);
	background-repeat:repeat-x;
}

.vert ul#menuPrincipal li a:hover {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalVertRoll.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	color:#34462d;
}

.vert ul#menuPrincipal li ul {
	list-style:none;
	border-left:1px solid #a9c49e;
	border-right:1px solid #a9c49e;
	visibility:hidden;
}

.vert ul#menuPrincipal li ul li {
	list-style:none;
	background-color:#208433;
	border-bottom:1px solid #a9c49e;
}

.vert ul#menuPrincipal li ul li a {
	background-image:none;
	background-color:#208433;
}

.vert ul#menuPrincipal li ul li a.selected {
	background-image:none;
	color:#34462d;
	background-color:#84ab74;
}

.vert ul#menuPrincipal li ul li a:hover {
	background-color:#84ab74;
	background-image:none;
	color:#34462d;
}

.vert ul#menuPrincipal li ul li a.selected:hover {
	background-color:#84ab74;
	background-image:none;
	color:#34462d;
}

.vert ul#menuPrincipal li ul li.contientSousMenu a {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBlanche.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

.vert ul#menuPrincipal li ul li.contientSousMenu a:hover {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBrune.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

.vert ul#menuPrincipal li ul li.contientSousMenu a.selected {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBrune.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

.vert ul#menuPrincipal li ul li ul {
	border-top:1px solid #a9c49e;
	border-left:1px solid #a9c49e;
}

.vert ul#menuPrincipal li ul li.contientSousMenu ul li a {
	background-image:none;
}

.vert ul#menuPrincipal li ul li.contientSousMenu ul li a:hover {
	background-image:none;
}

/**************************************************/
/*menu orange 									  */
/**************************************************/

div#containerMenuPrincipal.orange {
	border-top:2px solid #c98f4c;
	border-bottom:2px solid #c98f4c;
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalOrange.gif);
}

.orange ul#menuPrincipal li span {
	background-color:#dab487;
}

.orange ul#menuPrincipal li a {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalOrange.gif);
	color:#FFFFFF;
}

.orange ul#menuPrincipal li a.selected {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalOrangeRoll.gif);
	color:#441807;
}

.orange ul#menuPrincipal li.menuEnCours a {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalOrangeRoll.gif);
	background-repeat:repeat-x;
}

.orange ul#menuPrincipal li a:hover {
	background-image:url(../../PagesInterieures/2009/img_backgroundMenuPrincipalOrangeRoll.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	color:#441807;
}

.orange ul#menuPrincipal li ul {
	list-style:none;
	border-left:1px solid #dab487;
	border-right:1px solid #dab487;
	visibility:hidden;
}

.orange ul#menuPrincipal li ul li {
	list-style:none;
	background-color:#c26900;
	border-bottom:1px solid #dab487;
}

.orange ul#menuPrincipal li ul li a {
	background-image:none;
	background-color:#c26900;
}

.orange ul#menuPrincipal li ul li a.selected {
	background-image:none;
	color:#441807;
	background-color:#e19945;
}

.orange ul#menuPrincipal li ul li a:hover {
	background-color:#e19945;
	background-image:none;
	color:#441807;
}

.orange ul#menuPrincipal li ul li a.selected:hover {
	background-color:#e19945;
	background-image:none;
	color:#441807;
}

.orange ul#menuPrincipal li ul li.contientSousMenu a {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBlanche.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

.orange ul#menuPrincipal li ul li.contientSousMenu a:hover {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBrune.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

.orange ul#menuPrincipal li ul li.contientSousMenu a.selected {
	background-image:url(../../PagesInterieures/2009/img_icoFlecheBrune.gif);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

.orange ul#menuPrincipal li ul li ul {
	border-top:1px solid #dab487;
	border-left:1px solid #dab487;
}

.orange ul#menuPrincipal li ul li.contientSousMenu ul li a {
	background-image:none;
}

.orange ul#menuPrincipal li ul li.contientSousMenu ul li a:hover {
	background-image:none;
}