/* CSS Document */



/* Le reset ultime qui met tous les navigateurs à genoux. Inclut aussi le célèbre .clearfix:after et un correctif pour #sfWebDebug */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: noraml;
  font-style: inherit;
  font-family: Verdana, Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, sans-serif;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
body {
  color: #666666;
  background:#ffffff url(../images/body-fd.jpg) repeat-x left bottom;
  font-size:0.8em;
  margin:0;
  padding:0; 
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 2px;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

a{
	color:#333333;
  text-decoration:none;
}

.none{display:none;}

.fleft{float: left;}
.fright{float: right;}
.imgleft{margin-right: 6px;}
.imgright{margin-left: 6px;}
.clr{clear: both;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.txtwhite{color:#ffffff;}

.fondrose{background-color:#cc3399}


/* --------------------------------------- document --------------------------------------- */

#contener{
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:1000px;
}

#header{
	background:#fff url(../images/logo.png) no-repeat center top;
	height:auto;
	overflow:hidden;
	width:1000px;
}

	#header .lienHome{
		display:block;
		height:88px;
		margin:0 auto;
		width:440px;
	}
	#header .lienHome span{display:none;}

	.drapeaux ul{
	margin:20px auto;
	width:120px;
	}
	
		.drapeaux ul li{
		  display:inline;
		  padding:5px;
		}
		
					/* --------------------------------------- menu --------------------------------------- */

.menuInt, .menu{
	background:#b2db13 url(../images/menu-fd.png) repeat-x left top;
	height:49px;
	margin:25px 0 0 0;
	width:987px;
}

.menu{margin:133px 0 0 0;}

	.menuInt ul, .menu ul{
		background:transparent url(../images/menu-leftright.png) no-repeat left top;
		height:44px;
		padding:5px 0 0 20px;
	}
	
		.menuInt ul li, .menu ul li{
		  display:inline;	  
		}
		
			.menuInt ul li a, .menu ul li a, #header .current{
				color:#666666;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:1.3em;
				margin-top: 5px;
			}
			
			.uk .menuInt ul li a, .uk .menu ul li a, .uk #header .current{font-size:1.4em;}
			
			.de .menuInt ul li a, .de .menu ul li a, .de #header .current{font-size:1.2em;}
			
			.menuInt ul li a:hover, .menu ul li a:hover, #header .current, .inventaire a { color:#cc3399; }
		
		.menuInt .right, .menu .right{
		background:transparent url(../images/menu-leftright.png) no-repeat right bottom;
		}

			.menuInt ul img, .menu ul img{
			padding-left:3px;
			}
						/* --------------------------------------- diapo --------------------------------------- */
#flashPhoto{
position:absolute;
z-index:100;
}

#contenuDiapo {
background:transparent url(../images/diapo-fd.jpg) no-repeat 6px bottom;
height:auto;
padding:0 0 39px 6px;
}
		
#diapo{
background:#cc3399 url(../images/diapo-right.png) repeat-y right top;
height:auto;
width:977px;
}

	#vignettes{
		float:left;
		padding:10px 0 0 9px;
		width:38%;
	}
	
	.animation #vignettes{width:52%;}
	
	#vignettes p{
		color:#FFFFFF;
		font-size:0.85em;
	}
	
		ul#nav li{
			display:inline;
			margin-right:10px;
		}
		ul#cible li{
			display:inline;
			margin-right:5px;
		}
		ul#nav img, ul#cible img{
			border:solid 2px #FFFFFF;
		}
		
	#titre{
		float:right;
		padding-top:10px;
		width:61%;
	}
	
	.animation #titre{ float:left; width:45%; }

	#slideshow, #map, #formulairecontact, #accueil{
		margin-left:9px;
		display:block;
		height:395px;
		width:950px;
		overflow:hidden;
	}
		#slideshow img, #accueil{
			background-color:#FFFFFF;
			border:solid #FFFFFF 2px;
			height:391px;
			width:946px;
		}
		#map, #formulairecontact{
			background-color:#FFFFFF;
			border:solid #FFFFFF 2px;
		}

		.pics{margin:0; padding:0;}
		
.contenuTxt{
  line-height:20px;
  margin:5px 0 20px 15px;
  width:65%;
}

.contenuTxt .promo{
	background-color:#CC3399;
	color:#FFFFFF;
	font-family:georgia;
	font-size:1.3em;
	line-height:1.3em;
	margin-bottom:10px;
	padding:10px 0;
	text-align:center;
}

	.contenuTxt .promo a{ 
		color:#B1DA12;
		font-family:georgia;
		font-size:1.1em;
	}

.contenuTxt table{
margin:10px 0 30px;
}

	h1{
		color:#B1DA12;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:3.2em;
		font-weight:normal;
		line-height:32px;
		padding:15px 0 20px 0;
	}
	
	h2{
		color:#CC3399;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:2.4em;
		font-weight:normal;
		line-height:30px;
		padding:10px 0 0 0;
	}
	
	.conclu{
		color:#cc3399;
		font-weight:bold;
	}
	
	.lien{
	width:280px;
	}
	
	ul.infoPlus li, .bt_vert{
	padding:5px;
	}	
		ul.infoPlus li a, .bt_vert a{
			background:#B1DA12 url(../images/bt-content-right.jpg) no-repeat left top;
			color:#CC3399;
			display:block;
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size:1.3em;
			height:29px;
			padding: 8px 5px 0 15px;
			width:232px;
		}
		
		ul.infoPlus .fd_rose{background:#CC3399 url(../images/promotion.jpg) no-repeat left top; color:#B1DA12;}
		
		ul.infoPlus li a:hover, .bt_vert a:hover{/*background-position:bottom;*/ color:#fff}
		
		ul.infoPlus li.promo a{
			background:#CC3399 url(../images/promotion-couple.jpg) no-repeat left top;
			color:#fff;
			font-size:1.4em;
			height:86px;
			line-height:80px;
			width:235px;
		}
		
		ul.de li.promo a{background:#CC3399 url(../images/promotion-de.jpg) no-repeat left top;		}
		ul.uk li.promo a{background:#CC3399 url(../images/promotion-uk.jpg) no-repeat left top;		}
		
		ul.infoPlus li.promo a:hover{color:#B1DA12;}
		
			ul.infoPlus #appear{
				background:#B1DA12 url(../images/smenu.jpg) no-repeat left bottom;
				height:auto;
				margin-left:16px;
				padding-bottom:20px;
				padding-top:0;
				width:222px;
			}
					
			#appear a{
				background:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:0.9em;			
				height:auto;
				padding:0 0 0 5px;
				width:auto;
			}
			
		ul.infoPlus a.enligne, ul.de a.enligne{
		background:#CC3399 url(../images/reservation.jpg) no-repeat left top;
		color:#FFFFFF;
		font-size:1.4em;
		height:86px;
		line-height:80px;
		width:235px;
		}
		
		ul.de a.enligne{background:#CC3399 url(../images/reservation-de.jpg) no-repeat left top;}
		
		/* ---------------------------------------------------------------------------------------
		--------------------------------------- diffusion --------------------------------------- 
		------------------------------------------------------------------------------------------*/
		
#diffusion{padding:20px 0 0 10px;}	
	
#diffusion form, #favoris{
/*	border:solid 1px #CC3399;
*/	float:left;
	width:22%;
}

	#recommanderAmi{
		background-color:#cc3399;
		border:solid 2px #B1DA12;
		color:#fff;
		display:none;
		font-size:0.85em; 
		padding:5px;
		position:absolute;
		bottom:210px;
		width:200px;
		height:121px;
	}
	
	#recommanderAmi li{
		padding:5px 0;
		width:auto;
	}
	
		#recommanderAmi li input{
			background-color:#fff;
			border:solid 1px #B1DA12;
			color:#cc3399;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:1em;
			width:95%
		}
		
		#recommanderAmi .submit{width:30%}
		
		
		#recommanderAmi .close a{
			font-size:0.85em; 
			color:#B1DA12; 
		}
		#recommanderAmi .close{padding:0 5px 0 75%;}

	#diffusion a.intitule, #favoris a{
		background:#cc3399 url(../images/bt-diffusion.png) no-repeat left top;
		color:#FFFFFF;
		display:block;
		height:15px;
		font-size:0.85em;
		padding:5px 0 0 0;
		text-align:center;
		width:212px;
	}
	
	#favoris a.deFav{background:#cc3399 url(../images/bt-diffusion.png) no-repeat left bottom; width:270px;}
	
			/* ---------------------------------------------------------------------------------------
		--------------------------------------- footer --------------------------------------- 
		------------------------------------------------------------------------------------------*/

#footer{
	height:210px;
	background-color:#b2db13;
	width:auto;
}

  #footer address{
    color:#cc3399;
	padding:15px 0;
	text-align:center;
  }
  
  #footer .planSite{
	margin:0 auto;
	padding-bottom:15px;
	text-align:center;
	width:70%;
  }
  #footer .planSite a{
	color:#fff;
	font-size:0.85em;
	padding:0 0 0 10px;
  }
  #footer a:hover, .inventaire a{
  text-decoration:underline;
  }
  
	#footer .planSite ul li{
		display:inline;
		background:transparent url(../images/puce-footer.png) no-repeat left 5px;
		height:20px;
	}  
	  #footer .partenaire{
		  background:transparent url(../images/partenaire-fd.jpg) no-repeat left top;
		  height:59px;
		  margin-left:120px;
		  padding:0 0 0 26px;
		  width:75%;
	  }
	  
	  #footer .partenaire ul{
		  background:transparent url(../images/partenaire-fd.jpg) no-repeat right top;
		  height: 59px;
		  width:738px;
	  }
	  
	  #footer .partenaire li {
		background-color:#FFFFFF;
		display:block;
		float:left;
		height:59px;
		padding:0 5px;
		width:auto;
	  }
	  	
	#footer .planSite ul li.First{background-image:none;}
	
	#footer p.credit{
		color:#fff;
		font-size:0.85em;
		text-align:center;
   }
   
   #footer p.credit a{color:#FFFFFF;}