/* ==============================================================
	Langage	: 	CSS
	Auteur	:	www.voyage-venise.be
	Contact	:	webmaster@voyage-venise.be

	Historique
	1.0		06-Mars-2008		Création du site
        2.0             10-Janvier-2010         Refonte du site
 ================================================================*/
body
{
	margin: 0; padding: 0;
	text-align: center;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
	background: #664633;
}

.spacer { clear: both; }

div#conteneur
{
	width: 808px;
        padding: 0px;
	margin: 0 auto;
	text-align: left;
	/*border: 2px solid #9e7444;*/
	/*background: #fff;*/
        background: url(../media/interface/content-bg.jpg) repeat-y;
}

#header
{
	height: 254px;
	background: url(../media/header/venise-homepage.jpg) no-repeat left top;
	margin: 0;
}

    #header-geographie
    {
            height: 254px;
            background: url(../media/header/venise-geographie.jpg) no-repeat left top;
            margin: 0;
    }

    #header-hotel
    {
            height: 254px;
            background: url(../media/header/venise-hotel.jpg) no-repeat left top;
            margin: 0;
    }

    #header-histoire
    {
            height: 254px;
            background: url(../media/header/venise-histoire.jpg) no-repeat left top;
            margin: 0;
    }

    #header-gastronomie
    {
            height: 254px;
            background: url(../media/header/venise-restaurant.jpg) no-repeat left top;
            margin: 0;
    }

    #header-culture
    {
            height: 254px;
            background: url(../media/header/venise-culture.jpg) no-repeat left top;
            margin: 0;
    }

    #header-contact
    {
            height: 254px;
            background: url(../media/header/venise-contact.jpg) no-repeat left top;
            margin: 0;
    }

#top {
     margin: 0 auto; 
     width: 808px;
     text-align: left;
     display: inline;
}

#top a {
    font-size: 14px;
    color: #ffd8a9;
}

#top a:hover {
    text-decoration: none;
}

#top h1 { margin: 0px; padding: 0px; display: inline; }

#top span
{
        color: #ffd8a9;
	font-size: 14px;

}

#top h1 span
{
        color: #ffd8a9;
	font-size: 14px;
        
}

#navigation {
    list-style: none;
    margin: 0px 0px 0px 6px; padding: 0px;
}
#navigation li {
    float: left;
    /*text-indent: -9999px;*/
}
#navigation a * {
    display: none;
}
#navigation a,
#navigation a .hover {
    height: 32px;
    /*position: relative;*/
    display: block;
    background: url(../media/interface/menu-navigation.jpg) top left no-repeat;
}
/* Navigation menu items */
#navigation a.hotel {
    background-position: 0px 0;
    width: 118px;
}
#navigation .hightlight a.hotel:hover,
#navigation a.hotel .hover {
    background-position: 0px -32px;
    width: 118px;
}
#navigation a.histoire {
    background-position: -118px 0;
    width: 114px;
}
#navigation .hightlight a.histoire:hover,
#navigation a.histoire .hover {
    background-position: -118px -32px;
    width: 114px;
}
#navigation a.geograhie {
    background-position: -232px 0;
    width: 151px;
}
#navigation .hightlight a.geograhie:hover,
#navigation a.geograhie .hover {
    background-position: -232px -32px;
    width: 151px;
}
#navigation a.gastronomie {
    background-position: -386px 0;
    width: 165px;
}
#navigation .hightlight a.gastronomie:hover,
#navigation a.gastronomie .hover {
    background-position: -386px -32px;
    width: 165px;
}
#navigation a.culture {
    background-position: -552px 0;
    width: 109px;
}
#navigation .hightlight a.culture:hover,
#navigation a.culture .hover {
    background-position: -552px -32px;
    width: 109px;
}
#navigation a.contact {
    background-position: -661px 0;
    width: 142px;
}
#navigation .hightlight a.contact:hover,
#navigation a.contact .hover {
    background-position: -661px -32px;
    width: 142px;
}

.blocHeaderAds {
    margin: 15px 0px 10px 0px;
}

div#contenu
{
	padding: 0px 30px 30px 100px;
	background: url(../media/interface/bg_page.gif) no-repeat 15px 0px;
}

div#contenu h2
{
	padding-left: 25px;
	line-height: 25px;
	font-size: 1.4em;
	background: url(../media/interface/little_venise.gif) no-repeat left bottom;
	color: #9e7444;
	border-bottom: 1px solid #9e7444;
}

div#contenu h3
{
	margin-left: 15px;
	padding-left: 5px;
	border-bottom: 1px solid #9e7444;
	border-left: 3px solid #9e7444;
	color: #9e7444;
}

div#contenu p
{
	text-align: justify;
	line-height: 1.7em;
        margin: 0px 15px 15px 25px;
}

div#contenu a
{
	color: #9e7444;
}

div#contenu a:hover
{
	color: #c79165;
}

div#contenu .map {
    margin: 0px 0px 0px 25px;
}

div#contenu .colLeft {
    float:left;
    width: 470px;
    /*border: 1px solid blue;*/
}

div#contenu .colRight {
    float:left;
    width: 200px;
    /*border: 1px solid red;*/
}

div#contenu .colRight .image {
    margin: 30px 0px 0px 0px;
}

div#contenu .colRight .blocAds {
    margin: 20px 0px 0px 0px;
}

.spacertemp {
    height: 220px;
}

#footer {
    background: url(../media/interface/footer-bg.jpg) #502b15 repeat-y top left;
    width: 808px;
}

#footer a {
    color: #f8bc90;
}

#footer a:hover {
    text-decoration: none;
}

#footer p
{
	margin: 0;
	padding-right: 10px;
	line-height: 30px;
	text-align: right;
	color: #ffffff;
}

#footer .sign {
 	margin: 0;
	padding-right: 10px;
	text-align: right;
	color: #97775c;
}

#footer .sign img {
    position: relative;
    top: 3px;
}

#footer .endFooterImg {
    background: url(../media/interface/footer-bottom.jpg) no-repeat;
    width: 808px; height: 10px;
}

#footer #navigationFooter {
    list-style: none;
    margin: 0px 0px 0px 0px; padding: 0px;
    position: relative;
    top: -23px; left: 20px;
}
#footer #navigationFooter li {
    float: left;
    margin-left: 5px;
}

pre
{
	overflow: auto;
	background: #f4f4f4;
	border: 2px solid #9e7444;
	padding: 5px 0 0 5px;
	font-size: 1.2em;
}

pre span
{
	color: #560;
}

pre span.comment
{
	color: #b30000;
}