/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/one_page.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
/* set up the overall width of the menu div, the font and the margins with a relative position*/

#slider {
	clear:both;
	/* font-family: verdana, arial, sans-serif; */
	width:709px; 
	margin:0 19px;
	position:relative;
	z-index:90;
	background:#fff url('../images/slider-bg.png') repeat-x;
	color:#333;
}

/* remove the bullets and set the margin and padding to zero for the unordered list */
#slider ul {
	padding:0; 
	margin:0;
	margin-bottom:100px;
	list-style-type: none;
	border:0;
	font-weight:bold;
	background:#fff;
}

/* float the list so that the items are in a line */
#slider ul li {
	/*float:left; */
	height:30px;
}

#slider ul li.intitule {
	background:#fff;
}

/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
#slider ul li a, #slider ul li a:visited, #slider ul li.intitule {
	padding-left:5px;
	display:block; 
	/* text-align:center; */
	text-decoration:none; 
	width:144px; 
	height:30px; 
	color:#000; 
	border:1px solid #D4D6D6;
	border-width:1px 0 0 0;
	background:none;
	/* background:#c9c9a7; */
	line-height:30px; 
	font-size:11px;
}

/* make the dropdown ul invisible */
#slider ul li ul {
	display: none;
	font-weight:normal;
}

#slider ul li ul.first {
	text-align:left;
	display:block; 
	position:absolute; 
	/* top:30px; */
	top:0px;
	left:149px; 
	text-align:left;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
#slider ul li:hover a  {
	/* color:#fff; */
	padding-left:15px;
	width:134px;
	background:#FFF url('../images/slider-arrow.png') no-repeat 0 9px;
}
/* make the sub menu ul visible and position it beneath the first list item */
#slider ul li:hover ul {
	text-align:left;
	display:block; 
	position:absolute; 
	top:0px;
	left:149px; 
	text-align:left;
}

#slider ul li a ul li {
	height:460px;
}

/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
#slider ul li:hover ul li, #slider ul li ul.first li {
	background:#fff;
	color:#000;
	padding:10px;
	width:538px;
	border:1px solid #D4D6D6;
	border-width:1px 1px 0 0;
	height:460px;
}
/*float the image left with padding and no border */
#slider ul li:hover ul li img, #slider ul li ul.first li img {
	float:left; 
	padding:10px 10px 10px 0; 
	border:0;
}
#slider ul li ul li .right img {
	padding:0;
	float:none;
}
/* style the paragraph font height */
#slider ul li:hover ul li p, #slider ul li ul.first li p {
	font-size:0.9em;
}

/* style the background and foreground color of the submenu links */
#slider ul li:hover ul li a, #slider ul li ul.first li a {
	/* display:inline; */
	padding:0;
	background:none;
	color:#c00;
	text-decoration:underline;
	border:0;
}

/* style the background and forground colors of the links on hover */
#slider ul li:hover ul li a:hover, #slider ul li ul.first li a:hover {
	text-decoration:none; 
	color:#000;
}

/* custom */
#slider ul li:hover ul li div.left, #slider ul li ul.first li div.left { display:block; float:left; margin:0; padding:0 24px; width:144px; }
#slider ul li:hover ul li div.right, #slider ul li ul.first li div.right { display:block; float:left; margin:0 0; width:346px; }
#slider ul li:hover ul li div.left img, #slider ul li ul.first li div.left img { float:left; }
#slider ul li:hover ul li div.left .titre, #slider ul li ul.first li div.left .titre { font-weight:lighter; font-size:18px; color:#990033; }

#slider ul li:hover ul li div.left a.agrandir, #slider ul li ul.first li div.left a.agrandir { display:block; float:left; margin-bottom:5px; width:141px; height:20px; background:url('../images/btn-agrandir.gif') no-repeat top; }
#slider ul li:hover ul li div.left a.agrandir:hover, #slider ul li ul.first li div.left a.agrandir:hover { background:url('../images/btn-agrandir.gif') no-repeat bottom; }

#slider ul li:hover ul li div.left a.plan, #slider ul li ul.first li div.left a.plan { display:block; float:left;margin-bottom:5px; width:141px; height:22px; background:url('../images/btn-plan.gif') no-repeat top; } 
#slider ul li:hover ul li div.left a.plan:hover, #slider ul li ul.first li div.left a.plan:hover { background:url('../images/btn-plan.gif') no-repeat bottom; } 

#slider ul li:hover ul li div.left a.localisation, #slider ul li ul.first li div.left a.localisation { display:block; float:left; margin-bottom:5px; width:141px; height:20px; background:url('../images/btn-localisation.gif') no-repeat top; }
#slider ul li:hover ul li div.left a.localisation:hover, #slider ul li ul.first li div.left a.localisation:hover { background:url('../images/btn-localisation.gif') no-repeat bottom; }

#slider ul li:hover ul li div.left a i, #slider ul li ul.first li div.left a i { display:none; }

#slider ul li:hover ul li div.right .infos, #slider ul li ul.first li div.right .infos { display:block; font-weight:bold; margin:0; margin-bottom:20px; }
.titre{font-weight:lighter; font-size:18px; color:#990033;margin-left:22px;}


/*********** classes pour aligner une image et un texte verticalement*************/
p.alignmiddle img, p.alignmiddle span ,p.alignmiddle input, p.alignmiddle select {
	vertical-align: middle;
	display: inline;
}
p.alignmiddle span {
	padding-left: 5px;
}

#favoris span{
	display:block;
}