@import url("style_infolive.css");
@import url("style-rubriques.css");

body{
margin:0px;
text-align:center;

font-family:Verdana, Geneva, sans-serif;
font-size:10px;

}

#Fond{
width:1064px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/fond-body.png);
background-position:top left;
background-repeat:no-repeat;
text-align:center;
position:relative;
z-index:2;
}

ul,li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#Page{
width:980px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#Entete
{
position:relative;
width:980px;
height:194px;
}

#Bandeau
{
	position:absolute;
	top:0px;
	right:0px;
	width:720px;
	height:194px;
	z-index:1;
	overflow:hidden;
}

#Top
{
	position:absolute;
	top:0px;
	left:0px;
	width:980px;
	height:194px;
	z-index:10;}

#LiensCols
{
	position:absolute;
	bottom:0px;
	left:0px;
	height:80px;
	width:260px;
	z-index:20;
	color:#bd8722;
	line-height:16px;
	font-weight:bold;
	text-align:center;
}

#LiensCols a, #LiensCols a:link, #LiensCols a:active, #LiensCols a:visited
{
color:#bd8722;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#Menu
{
width:980px;
height:26px;
background-image:url(../images/fond-menu.gif);
background-repeat:no-repeat;
background-position:top left;
}


#Contenu{
	float:left;
	width:980px;
	background-color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}


#ColGauche
{
float:left;
width:286px;
background-image:url(../images/fond-col-gauche.gif);
background-position:top right;
background-repeat:no-repeat;
_height:500px;
min-height:500px;
margin-top:0px;
position:relative;
	}
	
#ColGauche .marge{
	padding:0px 8px;
}

#ColGauche h1{
	font-size:14px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image:url(../images/fond-titre-colgauche.png);
	background-repeat:no-repeat;
	line-height:27px;
	padding-left:50px;
	position:relative;
	color:#FFF;
	text-transform:uppercase;
}
#ColGauche h1 .icon{
	background-image:url(../images/ico-defaut.png);
	background-repeat:no-repeat;
	width:50px;
	height:50px;
	position:absolute;
	left:-5px;
	top:-10px;
	
}


	
	
#Contenu .icon.bonsplans{background-image:url(../images/ico-bons-plans.png);}
#Contenu .icon.chronometrage{background-image:url(../images/ico-chrono.png);}
#Contenu .icon.hebergement{background-image:url(../images/ico-hebergements.png);}
#Contenu .icon.accommodation{background-image:url(../images/ico-hebergements.png);}
#Contenu .icon.agenda{background-image:url(../images/ico-agenda.png);}
#Contenu .icon.carte{background-image:url(../images/ico-carte.png);}
#Contenu .icon.visite{background-image:url(../images/ico-visite.png);}
#Contenu .cyclo{background-image:url(../images/ico-defaut.png);}

#ColDroite{
float:left;
width:670px;
	}

#Pied
{
	margin-left:auto;
    margin-right:auto;
	clear:both;
	width:980px;
	height:57px;
	background-image:url(../images/fond-pied.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
}
.BlocPartenaires{
	position:absolute;
	bottom:0px;
	right:50px;
}
.BlocPartenaires .Partenaire-SMB {
	float:left;
	padding-top:5px;
}
.BlocPartenaires .Partenaire-FM {
	float:left;
	padding-left:20px;
}
#Signature{
	position:absolute;
	bottom:0px;
	left:42px;
}
#Signature a{
	color:#000;
	text-decoration:none;
}

.addthis_toolbox{
	position:absolute;
	left:400px;
	top:24px;
	
}

#MenuBasdepage{
	text-align:left;
	padding-left:10px;
	position:absolute;
	top:18px;
	left:30px;
}
#MenuBasdepage a{
	color:#000;
}

#LiensHebergements{}
#LiensHebergements li{
	margin-left:20px;
	width:300px;
	float:left;
	font-size:13px;
}
#LiensHebergements li a{
	padding-left:20px;
	background-image:url(../images/ico-liste.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.galerie .Photo {
    float: left;
    height: 140px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 180px;
	border: 1px solid #D57C0D;
}
#DetailPage .galerie .Photo img {
    border: none;
}
#imprimez{
	position:absolute;
	top:280px;
	right:200px;
	display:block;
	width:150px;
	height:30px;
	background-image:url(../images/ico-impression.png);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:32px;
	line-height:27px;
	z-index:100;
	text-decoration:none;
	color:#FFF;
}
#imprimez:hover{
	color:#000;
	background-position:0 -30px;
}
.clear{
	clear:both;
}