/* 	LA FUGUE - feuille de styles 
	Août 2009
*/

body {
	background-color: #766454; /*#4D4434; /* #708273; /* #4D3C39;  #332826; */
	margin: 0px;
}

/* Structure - top */
#site {
	background-image:url('/lafugue/img/int3/fd-site.jpg');
	background-position: right;
	background-repeat: repeat-y;
	margin: 0px auto 0px auto;
	width: 880px;
}
#top_black { background-color: #000; background-image:url('/lafugue/img/int3/fd-top.jpg');
	color: #FFFFFF; padding-bottom: 20px; border-bottom: 3px solid #645A48; }
#top_black a { color: #FFFFFF; text-decoration: none; }
#top_black a:hover { color: #F1F1F1; text-decoration: none; }
#top_black a:visited { color: #FFFFFF; text-decoration: none; }
#top_black .titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; font-variant: small-caps;
	padding: 40px 0px 0px 30px;	}
#top_black .soustitre { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 0px 0px 30px;
	color: #999999;
}
#contenu { width: 578px; }

#pied {
	background-image:url('http://www.lefugueur.com/lafugue/img/int3/logo-fugue.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #7F8081;
	border-top: 1px solid #332826;
	border-bottom: 1px solid #332826;
	padding: 10px 20px 10px 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	clear: both;
}
#pied a { color: #FFFFFF; }
#pied a:hover { color: #F1F1F1; }

/* Menu */
#droite {
	float: right; width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; }
	
#droite .intro { 
	text-align: left; font-family: Georgia, "Times New Roman", Times, serif; 
	margin: 10px 15px 10px 12px; padding-bottom: 10px; color: #FFFFFF; font-style:italic;
	border-bottom: 1px dotted #FFFFFF; }
#droite .intro .titre {padding-bottom: 10px; font-weight: bold; }

#droite #newsletter { 	background-image:url('/lafugue/img/int3/newsletter.jpg'); height: 174px; }
#droite #newsletter .txt { color: #FFFFFF; font-size:10px; text-align: right; padding: 30px 30px 0px 0px; }

#droite .module { color: #FFFFFF; font-size: 10px; }
#droite .module img { margin: 0px; }
#droite .module .contact {
	background-image:url('/lafugue/img/int3/menu-fd-contact.jpg');
	background-position: bottom; background-repeat: no-repeat;
	margin-top: 0px; padding: 5px 20px 65px 30px; }

#droite .zmags { text-align: center; margin-top: 20px; }

/* Menu cal */
#droite h3 { font-size: 12px; font-weight: bold; }
#droite h3 a { color: #445160 /* #990000 */; }
#droite h3 a:hover { color: #242B33; }

#droite .soustitre { font-size: 10px; margin: 0px 10px 15px 30px; padding: 5px 0px 10px 0px;
	border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; }


/* Contenu */
a { color: #6C000A; /* #996B4C; /*#BB624B;*/ text-decoration: none; }
a:hover { color: #6C000A; /* #BB624B; */ border-bottom: 1px dotted #BB624B; }

#contenu .edito { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify;
	padding: 30px 40px 10px 40px; }

h1 { margin: 10px 30px 0px 30px; padding-top: 10px; color: #BB624B; text-shadow: #CCCCCC 2px 2px 2px; /* border-bottom: 1px solid #BB624B;*/ }
h2 { margin: 0px 30px 10px 30px; color: #333333; }
h3, h4 {
	margin: 0px 0px 3px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* voyages */
#intro { background-color: #F6F6F6; /* #E6CFA4; */
	background-image:url('/lafugue/img/int3/fd-intro.jpg');
	background-position: top;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #CCC; }
#intro h1 {margin-top: 0px; }
#intro h2 { font-size: 14px; }
#intro .txt { color: #333333; /*#BB624B;*/ font-family: Georgia, "Times New Roman", Times, serif; text-align: justify; margin: 0px 40px 10px 60px; }
#intro .date { color: #333; margin: 10px 30px 10px 30px; font-weight: bold; padding-bottom: 10px; }

.image { border-bottom: 1px solid #CCC; }
.option { background-image:url('/lafugue/img/int3/option.jpg'); background-position: left; height: 30px; margin: 10px 0px 10px 0px; }
.inedite { margin: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

/* event musical */
.events {
	margin-top: 0px;
	background-image:url('http://www.lefugueur.com/lafugue/img/int3/temps-forts.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 110px;
}
.events .opera {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 30px 10px 30px;	
	border-left: 10px solid #999999;
	padding-left: 10px;
}
.events .oeuvre { text-shadow: #CCCCCC 2px 2px 2px; color: #990000; font-variant:small-caps; font-weight: bold; }


/* old */
.voyage {	margin-top: 5px; margin-left: 1px;
			border-bottom: 1px dotted #CCC; }
.voyage .date {	color: #383B3D; float: left;
				font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; }
.voyage .descriptif {
	margin: 0px 30px 0px 75px; padding: 0px 0px 8px 10px;
	border-left: 1px solid #9E2C3A;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify; }
.voyage .descriptif .scap { color: #CC6600; font-weight: bold; }

.voyage .imgd { float: right; padding: 5px; background-color: #F1F1F1; border: 1px solid #CCCCCC; margin: 0px 0px 5px 10px; }
.voyage .imgg { float: left; padding: 5px; background-color: #F1F1F1; border: 1px solid #CCCCCC; margin: 0px 10px 5px 0px; }

.voyage .opera { background-color: #F1F1F1; padding: 8px; margin: 5px 0px 5px 0px; border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC; }

.opera2 {
	margin-left: 30px; margin-right: 30px; margin-bottom: 2px;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-align: justify;
	background-color: #F1F1F1; padding: 8px ; border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC;
}

.hotel { background-color: #DADADA; background-image:url('/lafugue/img/int3/hotel.jpg'); background-position: bottom right; 
	background-repeat: no-repeat;
	padding: 20px 50px 35px 30px; color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.htl_titre { font-weight: bold; }

.prix {
	background-color: #FFFFFF; background-image:url('/lafugue/img/int3/tarifs2.jpg'); 
	background-position: bottom right; background-repeat: no-repeat;
	border-top: 1px dotted #CCCCCC;
	padding: 20px 50px 20px 30px; color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify;
}

/* Calendrier */

.bandeau { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 10px;
	border-bottom: 1px solid #CCC; background-color: #B9B59A /*#332A29*/; padding: 2px; color: #FFFFFF; }

#contenu .cadre { 	border-bottom: 1px dotted #BB624B; margin: 10px 40px 10px 40px; }
#contenu .carre { float: left; background-color: #766454; height: 70px; width: 70px; 
	margin: 10px 20px 10px 0px; border: 1px solid #666; }

#intro .carre { float: left; background-color: #766454; height: 70px; width: 70px; 
	margin: 10px 20px 10px 0px; border: 1px solid #FFF; }

#contenu .liste { color: #000; border: 1px solid #FFF; padding-top: 5px; }
#contenu .liste h4 { font-size: 12px; }
#contenu .liste .txt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify;
	margin: 0px 0px 10px 90px; }

#contenu .msg { margin: 30px; font-family: Georgia, 'Times New Roman', Times, serif; }
#contenu .ateliers { background-color: #EEDFC0; padding: 8px; margin: 4px; }
#contenu .ateliers h2 {margin: 1px 0px 5px 20px;}
#contenu .ateliers p { font-family: Georgia, "Times New Roman", Times, serif; margin-left: 20px; 
						font-size: 13px; text-align: justify;}
#contenu .ate_moda { background-color: #F1F1F1; padding: 8px; margin: 4px; }
#contenu .ate_moda h3 { border-bottom: 1px solid #CCC; margin: 0px 0px 2px 5px; padding-bottom: 0px; }
#contenu .ate_moda p { margin-left: 20px; font-size: 13px; text-align: justify; }

#contenu p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 30px; }

#ouverture p, blockquote { text-align: justify; margin: 10px 30px 10px 30px; font-family: Georgia, "Times New Roman", Times, serif; }

/* BROCHURE */
.brochure {
	background-color: #FEFAEE;
	color: #666666;
	border-bottom: 1px solid #CCA78D;
	border-left: 5px solid #CCA78D;
	padding: 2px 0px 2px 30px;
	margin: 0px 30px 2px 30px;
}
.brochure1 { float: left; width: 160px;	}
.brochure2 { color: #666666; }

/* FUGUE */

.cadre .vignette {
	float: left; height: 100px; width: 220px;
}

.home { background-color: #FFFFFF; margin: 20px; padding-bottom: 10px; }
.home .vignette {float: left; margin: 0px 20px 10px 0px; }
.home .titre {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding-bottom: 10px; }
.home .accroche {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; border-bottom: 1px dotted #666666; padding-bottom: 20px; margin-left: 3px; }



/* **************** */
.fugue { margin: 0px 20px 12px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.fugue .titre { font-variant: small-caps; font-weight: bold; margin: 0px 0px 20px 10px; }
.fugue .txt { padding: 10px; font-size: 10px; }
.fugue a { color:#FFFFFF; }
.fugue a:hover { color: #FFFFFF; }

.fugue .orch {
	width: 220px; float: left;
	background-color: #74767B;
	background-image:url('/lafugue/img/int2/fug-orch2.jpg');
	background-position: top; background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 110px; margin: 0px 0px 10px 20px;
	border: 1px solid #CCC; 
}
.fugue .solo {
	width: 220px; float: right;
	background-color: #332826; 
	background-image:url('/lafugue/img/int2/fug-solo.jpg');
	background-position: top right; background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 110px; margin: 0px 20px 10px 0px;
	border: 1px solid #CCC;
}
.fugue .euro {
	background-color: #666666; 
	background-image:url('/lafugue/img/int2/fug-euro.jpg');
	background-position: top; background-repeat: no-repeat;
	color: #000;
	padding-top: 55px; margin: 0px 20px 10px 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFFFFF;
	clear: left; 
}
.fugue .titre_euro { font-variant: small-caps; font-weight: bold; margin-left: 10px; }

.fugue .fusi {
	width: 220px;
	float: left;
	background-color: #9E8B75; 
	background-image:url('/lafugue/img/int2/fug-fusi2.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 110px; margin: 0px 0px 10px 20px;
	border: 1px solid #CCC; 
}
.fugue .ined {
	width: 220px;
	float: right;
	background-color: #BB624B; 
	background-image:url('/lafugue/img/int2/fug-ined2.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 110px; margin: 0px 20px 10px 0px;
	border: 1px solid #CCC; 
}

.fugue .atel {
	background-color: #EDD19A; 
	background-image:url('/lafugue/img/int2/fug-atel2.jpg');
	background-position: top; background-repeat: no-repeat;
	color: #000000;
	padding-top: 55px; margin: 0px 20px 10px 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFFFFF;
	clear: left; 
}
.fugue .titre_atel { font-variant: small-caps; font-weight: bold; margin-left: 10px; }


.fugue img {
	float: left;
	margin: 0px 20px 0px 0px;
	border: 1px solid #999;
}