@import url("std.css");
@import url("mini");

body{margin:0px;
/*background-image:url(../images/fond-body.gif);
background-position:top left;
background-repeat:repeat-x;*/
background-color:#fff;}

#Page {
width:395px;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
height: 370px;
margin-top: 0;
overflow:hidden;
}

#Entete
{
background-color:#01ace0;
display: none;
height:5px;
text-align:center;}

#Entete h1
{
color:#FFFFFF;
text-transform:uppercase;
font-size:18px;
font-weight:normal;
line-height:40px;
margin:0px;
display:none;
}

#ColGauche
{float:left;
width:331px;
}

#Contenu
{float:left;
width:400px;
}

#SousMenu 
{width:400px;margin:0px;}

#SousMenu ul
{
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:0px;
padding: 0;
width: 375px;
height:52px;
background-image:url(../images/fond-sousmenu.gif);
background-position:top left;
background-repeat:no-repeat;}

#SousMenu ul.resto
{background:none;height:24px;}

#SousMenu ul.resto li a
{display:block;height:24px;background-image:url(../images/fond-onglet-resto.gif);background-position:top right;background-repeat:no-repeat;line-height: 24px;text-align:center;color:#004F9A;font-weight:normal;text-decoration:none;
}

#SousMenu ul.activites
{background:none;height:24px;}

#SousMenu ul.activites li
{
width:160px;
}

#SousMenu ul.activites li a
{display:block;height:24px;background-image:url(../images/fond-onglet-activites.gif);background-position:top right;background-repeat:no-repeat;line-height: 24px;text-align:center;color:#f19003;font-weight:normal;text-decoration:none;
}


#SousMenu ul.activites li a:hover
{background-image: url("../images/fond-onglet-activites-hover.gif");
color:#fff;
}

#SousMenu ul.activites li.Selected a, #SousMenu ul.activites li.Selected a:link, #SousMenu ul.activites li.Selected a:active, #SousMenu ul.activites li.Selected a:visited{
    background-image: url("../images/fond-onglet-activites-hover.gif");
	background-position: left top;
	color:#fff;
}

#SousMenu ul li
{
list-style:none;float:left;width:33%;font-size: 11px;
}

#SousMenu li a
{display:block;height:26px;background-image:url(../images/fond-onglet.gif);background-position:top right;background-repeat:no-repeat;line-height: 26px;text-align:center;color:#004f9a;font-weight:normal;text-decoration:none;
}


#SousMenu li.Selected a, #SousMenu li.Selected a:link, #SousMenu li.Selected a:active, #SousMenu li.Selected a:visited{	    /*background-color: #01ACE0;*/
    background-image: url("../images/fond-onglet-hover.gif");
    background-position: right top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    line-height: 26px;
/*    padding-left: 5px;
    padding-right: 5px;*/
    text-decoration: none;
}

#SousMenu li a:hover
{background-image: url("../images/fond-onglet-hover.gif");
    background-position: right top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    line-height: 26px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}


#Menu
{
/*background-image:url(../images/top-menu-hotel.jpg);
background-position:top left;
background-repeat:no-repeat;*/
width: 415px;
}

#Menu ul
{padding:0px;margin:0px;}

#Menu ul li
{list-style:none;display:inline;margin:0px;padding:0px;}



.MenuCote{
float:right;
font-size:10px;
margin:0;
padding:0;
text-align:left;
width:293px;
}


.MenuCote ul
{
margin:0px;
padding:0px;
}

.MenuCote li{
	/*line-height:24px;*/
	margin:0px;
	text-transform:uppercase;
	background:url(../images/btns-pictos-haute-loire/puce-marron.gif) no-repeat left center;
	list-style:none;
}

.MenuCote li.EnteteMenu{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:3px 3px 5px 15px;
text-transform:uppercase;
/*height:30px;
line-height:30px;*/
}


/* Sélection Menu */
.MenuCote li.Selected{
	color:#393939;
	font-weight:bold;
}

.MenuCote li
{
background-color:#0c83d3;
}

.MenuCote li a, .MenuCote li a:link, .MenuCote li a:active, .MenuCote li a:visited{	text-decoration:none;	color:#ffffff;	display:block;margin:0px; padding:0px 0px 0px 5px;font-size:12px;text-transform:none;font-weight:normal;background-image:url(../images/fleche-menucote.gif);background-position:25px center;background-repeat:no-repeat;padding-left:40px;height:18px;line-height:18px;}
.MenuCote li a:hover{text-decoration:none;color:#e10277;background-image:url(../images/puce-hover.gif);background-position:left center;background-repeat:no-repeat;padding-left:40px;font-weight:bold;background-image:url(../images/fleche-menucote-hover.gif);background-position:25px center;background-repeat:no-repeat;background-color:#aad8f2;}

.MenuCote li.Selected{ }

/** Sélection Menu Image **/
#Menu .TMenuHotels
{
background-image:url(../images/top-menu-hotel.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#Menu .TMenuCampings
{
background-image:url(../images/top-menu-camping.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#Menu .TMenuChambresdhotes
{
background-image:url(../images/top-menu-chambre.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#Menu .TMenuMeubles
{
background-image:url(../images/top-menu-meuble.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#Menu .TMenuRestaurant
{
background-image:url(../images/top-menu-restaurant.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#Menu .TMenuResidences
{
background-image:url(../images/top-menu-residence.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#Menu .TMenuResidencesVacances
{
background-image:url(../images/top-menu-village.jpg);
background-position:top left;
background-repeat:no-repeat;
}




.MenuCote li.Selected a, .MenuCote li.Selected a:link, .MenuCote li.Selected a:active, .MenuCote li.Selected a:visited{	text-decoration:none;color:#e10277;background-image:url(../images/fleche-menucote-hover.gif);background-position:25px center;background-repeat:no-repeat;padding-left:40px;font-weight:bold;background-color:#aad8f2;}

.MenuCote li.EnteteMenu a, .MenuCote li.EnteteMenu a:link, .MenuCote li.EnteteMenu a:active, .MenuCote li.EnteteMenu a:visited{color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:0px;
text-transform:uppercase;
background-image:none;}
.MenuCote li.EnteteMenu a:hover{color:#e10277;background-image:url(../images/fleche-menucote-hover.gif);background-position:5px center;background-repeat:no-repeat;padding-left:20px;}

#ColDroite
{float:left;
overflow:hidden;
width:394px;}

#BlocWidget
{    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 375px;;}

#BlocWidget h1
{margin-bottom:10px;
color:#0784e0;
font-size:16px;
display: none;}

#BlocWidget h2
{margin:10px;
margin-top:100px;
color:#E10277;
font-size:14px;
background-color:#aad8f2;
display:block;
padding:30px;
text-align:center;
line-height:25px;
}

#Lien
{
/*margin-left:30px;*/
margin-top:10px;
text-align:center;
}

#Lien a, #Lien a:link, #Lien a:active, #Lien a:visited
{color:#0784e0;
font-size:11px;
font-weight:bold;}

#Lien a:hover
{color:#004f9a;
text-decoration:none;}


#Visuel
{
width:331px;
height:141px;
position:relative;
}

#Bulle
{
width:331px;
height:156px;
position:absolute;
top:0px;
left:0px;
}
