/* CSS La Fugue Chopin 2010 */


body {
	background-color: #F1F1F1;
/*	background-color: #ECE7E0; */
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#conteneur1 {
	background-color: #FFFFFF;
	background-image:url(http://www.lefugueur.com/lafugue/img/chopin/entete03.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 780px;
	margin: 10px auto 10px auto; 
	padding: 0px;
}

#navigation {
	font-variant: small-caps;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 230px 3px 5px 30px;
	border-bottom: 1px solid #BB624B;
	margin: 0px;
}
#navigation a { color: #BB624B; text-decoration: none; }
#navigation a:hover { color: #990000; text-decoration: none; }

/* Corps du site */
#contenu {
	background-color: #FFFFFF;
	margin: 0px 25px 10px 330px;
}
.vignette {
	float: left;
	margin: 0px 10px 3px 0px;
}
.vignette img { padding: 6px; border: 1px solid #F1F1F1; }

#contenu h1 { 
	background-image:url(http://www.lefugueur.com/lafugue/img/chopin/puce8.jpg);
	background-position: left;
	background-repeat: no-repeat;
	color: #BB624B;
	border-bottom: 1px dotted #CCCCCC;
	padding: 0px 0px 8px 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 18px;
}
#contenu h1 a { text-decoration: none; color: #BB624B; }
#contenu h1 a:visited { text-decoration: none; color: #BB624B; }
#contenu h1 a:hover { text-decoration: none; color: #990000; }

#contenu h2 {
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
}

#intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
}

a {color: #BB624B ; text-decoration: none; }
a:hover {color: #BB624B ; text-decoration: underline; }

.duree {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 8px 0px 5px 0px;
	border-bottom: 1px dotted #CCCCCC;
	padding: 0px 0px 10px 30px;;
}

/* Liste des programmes */
.categorie {
	background-color: #F1F1F1;
	padding: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999999;
}
.categorie .titre {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px dotted #CCC;
	padding: 1px 0px 3px 0px;
}
.categorie a {text-decoration: none; color: #BB624B; }
.categorie a:hover {text-decoration: underline; color: #990000; }
.categorie a:visited {text-decoration: none; color: #BB624B; }

.categorie .soustitre {
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 1px 10px 0px;
}
.categorie .vignette { background-color: #FFFFFF; }
.categorie .resume {
	text-align: justify;
	padding: 0px 10px 2px 90px;
}
.categorie .more {
	font-size: 10px;
	font-weight: bold;
	padding-left: 90px;
	margin: 5px 0px 5px 0px;
}


/* menu gauche 300 px */
#menu {
	float: left;
	width: 300px;
}
#menu .bloc_gris {
	background-image:url(http://www.lefugueur.com/lafugue/img/chopin/bloc-gris-fd3.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin: 6px 0px 0px 0px;
	padding: 0px;
}
#menu .bloc_gris .titre {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	margin: 0px 50px 10px 25px;
	padding: 18px 0px 4px 0px;
	border-bottom: 1px dotted #CCCCCC;
}
#menu .bloc_gris .vignette_hotel {
	float: left;
	border: 1px solid #999999;
	margin: 0px 8px 1px 0px;
	padding: 3px;
}

#menu .bloc_gris .texte {
	color: #FFFFFF;
	margin: 2px 60px 0px 25px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#menu .bloc_orange {
	background-image:url(http://www.lefugueur.com/lafugue/img/chopin/bloc-orange-fd.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px	
}
#menu .bloc_orange .titre {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	margin: 2px 25px 5px 25px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #CCCCCC;
}

#menu .bloc_orange .texte {
	color: #FFFFFF;
	margin: 2px 25px 0px 25px;
	padding-bottom: 30px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#menu .bloc_orange a { text-decoration: none; color:#FFFFFF; }
#menu .bloc_orange a:hover { text-decoration: none; color:#FFFFFF; font-weight: bold; }

/* déroulement du voyage */
.voyage {
	margin-top: 5px;
	background-color: #F1F1F1;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px;
}
.voyage .date {
	color: #383B3D;
	float: left;
	font-size: 10px;
}
.voyage .descriptif {
	margin: 0px 10px 0px 75px;
	border-left: 1px solid #9E2C3A;
	padding: 0px 0px 8px 10px;
	text-align: justify;
}



/* pied de page */
#pied {
	background-color: #BB624B;
	color: #FFFFFF;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px 2px 4px 30px;
	border-bottom: 5px solid #FFFFFF;
}
#pied a {text-decoration: none; color: #FFFFFF}