@charset "utf-8";
/* CSS Document */

body {
	background-color:#c5c7c8;
	overflow: hidden;
}

p{
	margin: 0 ;
	padding: 0 ;
}

ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li{
	margin-bottom: 2px;
}

hr { width:80%; border:none; border-bottom: dotted #CCCCCC 2px;}

#main{
	position:absolute;
	left: 50%;
	width: 900px;
	visibility: visible;
	margin-left: -450px;
	overflow: hidden;
	height: 600px;
	top: 10px;
}

#fondbase{
	position:relative;
	background: url(../images/fondpage.jpg) no-repeat;
	height: 470px;
	width: 836px;
	left: 16px;
	top: 27px;
	padding: 16px;
}

#top{
	position:absolute;
	width: 900px;
	top: 0px;
	height: 27px;
	left: 0px;
}

#bot{
	position:relative;
	width: 900px;
	top: 27px;
	height: 10px;
	left: 0px;
}
	
	
#menu{
	position:relative;
	width: 900px;
	top: 27px;
	height: 20px;
	left: 0px;
	overflow: hidden;
	}

#menu ul li a { display:block; float:left; padding:0px;}

ul#menu_horizontal {
	list-style-type : none;
}
ul#menu_horizontal li {
	float:left;
	display:inline;
}

#menu a:hover.rollover1 { background:url('../images/menu-mariage-over.jpg') no-repeat 0 0  ;}
#menu a:hover.rollover2 { background:url('../images/menu-coquetele-over.jpg') no-repeat 0 0    ;}
#menu a:hover.rollover3 { background:url('../images/menu-repas-over.jpg') no-repeat 0 0  ;}
#menu a:hover.rollover4 { background:url('../images/menu-site-over.jpg') no-repeat 0 0  ;}
#menu a:hover.rollover5 { background:url('../images/menu-contacts-over.jpg') no-repeat 0 0  ;}
#menu a:hover.rollover1b { background:url('../images/menu-weddings-over.jpg') no-repeat 0 0  ;}
#menu a:hover.rollover2b { background:url('../images/menu-cocktails-over.jpg') no-repeat 0 0    ;}
#menu a:hover.rollover3b { background:url('../images/menu-dinners-over.jpg') no-repeat 0 0  ;}
#menu a:hover.rollover4b { background:url('../images/menu-locations-over.jpg') no-repeat 0 0  ;}
#menu a:hover.rollover5b { background:url('../images/menu-contact-over.jpg') no-repeat 0 0  ;}

#menu a.rollover1 { background:url('../images/menu-mariage.jpg') no-repeat 0 0  ;}
#menu a.rollover2 { background:url('../images/menu-coquetele.jpg') no-repeat 0 0  ;}
#menu a.rollover3 { background:url('../images/menu-repas.jpg') no-repeat 0 0  ;}
#menu a.rollover4 { background:url('../images/menu-site.jpg') no-repeat 0 0  ;}
#menu a.rollover5 { background:url('../images/menu-contacts.jpg') no-repeat 0 0  ;}
#menu a.rollover1b { background:url('../images/menu-weddings.jpg') no-repeat 0 0  ;}
#menu a.rollover2b { background:url('../images/menu-cocktails.jpg') no-repeat 0 0  ;}
#menu a.rollover3b { background:url('../images/menu-dinners.jpg') no-repeat 0 0  ;}
#menu a.rollover4b { background:url('../images/menu-locations.jpg') no-repeat 0 0  ;}
#menu a.rollover5b { background:url('../images/menu-contact.jpg') no-repeat 0 0  ;}

/*
** Simple Accordion
** PhPixel
** http://www.phpixel.com/simple-accordion/
*/

div#sAccordion{
	text-align:center;
}

div#sAccordion h1.sAccordion-open img{
	border-bottom:#999999 1px dotted;
}


div#sAccordion h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
	font-weight:normal;
	font-style:italic;
	color:#666666;
}

div#sAccordion h1 p{
	margin-top:5px;
}

div.sAccordion-content{
	background-color:#CCCCCC;
	padding-top: 5px;
	padding-bottom: 10px;
	margin: 10px 80px 0 80px;
}

div.sAccordion-content p{
	margin-top:7px;
	text-align:center;
}

div.sAccordion-content p strong{
	font-weight:bold;
}


.sAccordion-open{
	cursor: pointer;
	margin: 15px 0 0 0;
	color: #7e7e7e;
	text-align: center;
}



div.sAccordion-content p{
	text-align:center;
	line-height:1.3em;
}


div.sAccordion-content em{
	margin-top:5px
}


.sAccordion-open-actif{
	color: #7e7e7e;
}

div.contact{
	position:absolute;
	width: 460px;
	text-align: center;
	bottom: 10px;
	left: 16px;
	right: 16px;
}

#footer{
	position:absolute;
	width: 900px;
	height: 20px;
	text-align: center;
	left: 0px;
	top: 565px;
}

div.gardenform{
	width:460px;
	text-align: center;
}

#contenutexte{
	position:absolute;
	top: 20px;
	left: 20px;
	width: 302px;
	visibility: visible;
	height: 443px;
}

#contenuimage{
	position:relative;
	width: 328px;
	float: right;
}


#versionFR{
	position:absolute;
	height: 24px;
	top: 390px;
	left: 693px;
	width: 80px;
	visibility: visible;
}

#versionGB{
	position:absolute;
	height: 23px;
	top: 388px;
	left: 691px;
	width: 67px;
	visibility: visible;
}

#backhome{
	position:absolute;
	height: 52px;
	width: 70px;
	left: 257px;
	top: 418px;
}

#backhome2{
	position:absolute;
	left: 715px;
	bottom: 0px;
	width: 120px;
}

#backhomecontact{
	position:absolute;
	height: 153px;
	top: 177px;
	left: 642px;
	width: 91px;
	visibility: visible;
}
#accueil{
	position:absolute;
	height: 452px;
	top: 16px;
	left: 16px;
	width: 836px;
	visibility: visible;
}


#contenuaccueilFR{
	position:relative;
	height: 470px;
	width: 836px;
	background-image: url(../images/fonds/fdhomeFR.jpg);
}

#contenuaccueilGB{
	position:absolute;
	height: 470px;
	top: 16px;
	left: 16px;
	width: 836px;
	visibility: visible;
	background-image: url(../images/fonds/fdhomeGB.jpg);
}

#contenusites {
	height: 470px;
	width: 836px;
	position: relative;
	overflow: hidden;
}

#fondGris{
	position:relative;
	height: 438px;
	width: 460px;
	background-color: #f6f6f6;
	float: left;
	padding: 16px;
	text-align: center;
}


/***//***/

/*** DIAPORAMAS ***/

#miniature{
	position:relative;
	width: 124px;
	float: right;
}

#miniature ul li{
	float:right;
	display:inline;
	padding-left: 5px;
	padding-right: 0px;
}
#miniature img{cursor : pointer; border:1px #9c9e9f solid;}

#diapococktails{
	position:relative;
	height: 470px;
	width: 328px;
	float: right;
}

#diaporepas{
	background: url(../images/fonds/fdplat1.jpg);
	position:absolute;
	height: 452px;
	top: 16px;
	left: 345px;
	width: 313px;
	visibility: visible;
}

#diapocontacts{
	background: url(../images/fonds/fdcontact.jpg);
	position:absolute;
	height: 470px;
	top: 16px;
	left: 345px;
	width: 328px;
	background-repeat: no-repeat;
}

/***//***/

/*** TEXTES ***/

.petitTexte{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #666666;
	margin:0;
	padding:0;
}

.toupetitTexte{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	font-weight: normal;
	color: #666666;
	margin:0;
	padding:0;
}

.Texte{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #666666;
	line-height: 1.3em;
	font-style: normal;
}

.Texteitalique{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	font-weight: normal;
	color: #666666;
	line-height: 1.2em;
	font-style: italic;
}

.TexteNoir{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	font-weight: normal;
	color: #000000;
	line-height: 1.1em;
}

.Titre{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #;
	font-style: normal;
}

.sousTitre{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #666666;
	line-height: 1.2em;
}

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #666666;
	line-height: 1.2em;
	margin:0;
	padding:0;
	font-style: italic;
}

.sousTitre2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #555555;
}


.petitTitre{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #555555;
	font-style: normal;
}

.toupetitTitre{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	color: #9c9e9f;
	margin:0;
	padding:0;
	font-style: normal;
}

.Legende{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.65em;
	color: #FFFFFF;
	font-weight: bold;
}

a.sousTitre{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #999999;
	text-decoration:none;
	cursor:pointer
}

a.sousTitre:hover{
	color: #333333;
}

a.sousTitre:active{
	color: #666666;
}

a.petitTexte{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #666666;
	text-decoration:none;
	cursor:pointer
}
a.petitTexte:hover{
	color: #333333;
}

a.petitTexte:active{
	color: #666666;
	
}

a.petitTitre{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #555555;
	font-style: normal;
	text-decoration:none;
	cursor:pointer
}

a.petitTitre:hover{
	color: #333333;
}

a.petitTitre:active{
	color: #555555;
}

input.fermer{
	width:10px;
	height:10px;
	border:none;
	background-image: url(../images/BT-close.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	}

input.fermer:hover{
	width:10px;
	height:10px;
	border:none;
	background-image: url(../images/BT-close2.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
}

input.fermer:active{
	width:10px;
	height:10px;
	border:none;
	background-image: url(../images/BT-close.jpg);
	background-position:0 0;
	cursor:pointer;
	background-repeat:no-repeat;
}

input.envoyer{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.6em;
	font-weight: bold;
	color: #333333;
	cursor:pointer;
	text-decoration:none;
	border:none;
	background:none;
	
}

input.envoyer:hover{
	color: #666666;
	text-decoration:underline;
}

input.envoyer:active{
	color: #333333;
}
/***//***/