/** Définitions Générales 
Feuille De Style : Voyages Fleury inc.
Auteur: 	Manon Bédard 
**/


	body {
	margin: 0;
	background: #E4A035 ;
	padding: 0;
	font: 90% "Trebuchet MS", sans-serif;
	}
	
	img { border: 0px;}
	
	
	
	#top {
	background-color: #fff;
	margin-top: 0px;
	width: 800px;
	border: 2px solid #0D5322 ;	

	}
	
	
	#header-menu {width: 775px;			}
	

	#header-menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		font-size: 0.8em;
	}
	
	#header-menu li {
		display: inline;
		margin: 0 2px 0 0;
		
			}
	
	#header-menu a {
		padding: 0 1em;
		text-decoration: none;
		color: #000;
		background: #E5B15A;
		
		
	}
	
	#header-menu a:hover {
		background: #fe5;
		color: #540;
	}
	
	#header-menu #selected {
	}
	
	#header-menu #selected a {
		padding-bottom: 5px;
		font-weight: bold;
		color: #fe5;
		background: #0D5322;
		
	}
	
#content {
		
		background-color: #fff;
		
		padding: 0em;
		width: 800px;
		text-align: left;
	border: 0 solid #0D5322 ;}
	
#gauche {
	float: left;
	width: 175px;
	line-height: 10px;
	}



#gauche h2	{
	font-size: 1em;
	border-bottom: 2px solid #E4A035;	
	color:#0D5322;	padding: 0.3em; 	text-align: center;
	margin-top: 10px;}

	
	


#droite {

	background-color: #fff;
	padding-bottom: 10px;
	width: 580px;
	border: 0px;
	margin-left: 200px;}

div#droite h2	{
	text-align: center ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #E4A035 ;
	
	
}

div#droite h3	{
	text-align: center ;
	font-size: 1.2em ;
	border-bottom: 0px solid #9b2 ;
	border-left: 0px solid #9b2 ;
	color: #9b2 ;
}

div#droite h4{ font-size: 1em;	
color: #E4A035;	border-left: 8px solid #E4A035;	font-weight:bold;	border-bottom: 2px solid #E4A035;margin-bottom :2px;}	




	
ul#menu {	margin: 0; 	padding: 0; list-style-type: none;}	
	
ul#menu li a {
	display: block;
	padding-left: 10px;
	margin: 0;
	border-bottom: 0px solid #7fcf2e;
	color: #390;
	font: small-caps .8em Georgia,serif;
	text-decoration: none;}
	
	
ul#menu li a:hover {
	background-position: left bottom;
	color: #c30;
	border-left: 5px solid #c30;
	padding-left; 0px;
}
	


#pied {clear: both;
	background-color: #0D5322;
	border: 5px solid #0D5322;
	position: relative;
	top: -1px;
	width: 800px;
}

#album {background: #fff url("../img/album-back.gif") top center no-repeat;
	
}


.description {clear: both;
	border-collapse:collapse;
	border: 1px solid #FFCA5E;
	margin: 1px 0 0 5px;
	}
	
.description th,td {
	font-size: 0.8em;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 3px 3px 3px 10px;
	border-top: 1px solid #FFCA5E;
	border-right: 0px solid #DDDDDD;
	text-align: left;

}


.ville	{
	color:#E4A035;
	font-weight: bold; 
	}
	
.adresse	{
	background-color:#0D5322;	
	color:#E4A035;	padding: 0.5em;
	display:block; 
	text-align: center;
		font-size: 80%;
	}
	


.imagegauche{float: left;
	margin: 1px; padding-left: 1em;
		
	} 
	
.imagedroite{float: right;
	margin: 1px; padding-right: 1em;
		
	} 
	
	
.camera{float: center;
			
	} 
	
.croisiere{float: left;width: 550px;margin: 20px 5px 20px 5px;padding: 3px; border: 1px solid #E4A035 ; }
.cadre-titre{float: left;border: 1px solid #999;margin: 15px 5px 15px 5px;padding: 3px;}

.img-cadre {padding: 8px; border: 1px solid #573D2E; }
.img-centre {text-align: center; }
.clearleft{ margin: 5px 0; clear: left;border-bottom: 1px dotted #E4A035 ; }
.col1 {background-color: #f6f6b8;
		padding: 3px; 
		margin: 7px 4px 2px 2px; 
		font-size: 85%;
		float: left;
		clear: left;
		width: 245px;
		line-height: 100%;
		border: 0px solid #E4A035 ; 
}

.col1-d {background-color: #f6f6b8;
		padding: 3px; 
		margin: 7px 4px 2px 2px; 
		font-size: 85%;
		float: right;
		clear: right;
		width: 245px;
		line-height: 100%;
		border: 0px solid #E4A035 ; 
}

.col2 { margin-top: 7px; background-color: #fff;
font-size: 90%;
line-height: 110%;
padding: 2px;
}
.itineraire{text-align: center; 
	font-weight: bold;
	color; #e4a332;padding: 2px 0px 4px 2px;
border-bottom: 1px solid #E4A035 ;
background-color: #E4A035 }

.col-jour {width: 85px;float: left; 
}
.col-date {width: 100px;float: left;
}
.col-ville {float: left; }
	

.xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fff;}
.xsnazzy h2 {font-size:2em;color:#06a; border:0;}
.xsnazzy p {padding-bottom:0.5em;}
.xsnazzy h2 {padding-top:0.5em;}
.xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ccc; border:0 solid #08c; border-width:0 1px;}

#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
} 

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url(include/lightbox/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="include/lightbox/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/